body {
      min-height: 100vh;
      background: #11151c;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Montserrat', Arial, sans-serif;
    }
    .profil-card {
      border-radius: 18px;
      box-shadow: 0 10px 40px rgba(0,0,0,0.18);
      padding: 2.5rem 2rem;
      margin: 2.5rem auto 1.5rem auto;
      max-width: 420px;
      width: 100%;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
      align-items: stretch;
    }
    .profil-back-row {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 0.5rem;
    }
    .profil-back {
      padding: 7px 16px;
      font-size: 1rem;
      font-weight: 500;
      color: #9bbcff;
      background: rgba(80, 140, 255, 0.08);
      border: 1px solid rgba(120, 170, 255, 0.25);
      border-radius: 999px;
      cursor: pointer;
      transition: background 0.18s, border-color 0.18s, color 0.18s;
      margin-bottom: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
    }
    .profil-back:hover, .profil-back:focus {
      color: #fff;
      background: rgba(80, 140, 255, 0.18);
      border-color: rgba(140, 180, 255, 0.4);
    }
    h2 {
      font-family: 'Orbitron', Arial, sans-serif;
      font-size: 2.1rem;
      font-weight: 700;
      color: #fff;
      margin: 0 0 0.7rem 0;
      letter-spacing: 1px;
      text-align: center;
    }
    .profil-form {
      display: flex;
      flex-direction: column;
      gap: 2rem;
    }
    .form-group label {
      font-weight: 600;
      margin-bottom: 0.5rem;
      display: block;
      font-size: 1.1rem;
      color: #b2bed5;
    }
    .form-group input[type="text"],
    .form-group input[type="email"] {
      width: 100%;
      padding: 1rem 1.2rem;
      border-radius: 14px;
      border: none;
      background: #151922;
      font-size: 1.08rem;
      color: #c7d6f7;
      outline: none;
      box-shadow: 0 1px 0 #232b3a;
      transition: box-shadow 0.18s, background 0.18s;
    }
    .form-group input[type="email"]:read-only {
      background: #181d25;
      color: #7e8ba7;
      opacity: 0.8;
    }
    .form-group input:focus {
      background: #1c2230;
      box-shadow: 0 0 0 2px #7fd6ff;
    }
    .profil-submit {
      width: 100%;
      margin-top: 18px;
      padding: 0.9rem 0;
      font-size: 1.13rem;
      font-weight: 700;
      color: #a9c7ff;
      background: rgba(80, 140, 255, 0.08);
      border: 1.5px solid #3a4a6a;
      border-radius: 999px;
      cursor: pointer;
      transition: background 0.18s, color 0.18s, border-color 0.18s;
      box-shadow: 0 2px 12px rgba(80,140,255,0.08);
      font-family: 'Tintin', Arial, sans-serif;
      letter-spacing: 0.01em;
    }
    .profil-submit:hover, .profil-submit:focus {
      color: #fff;
      background: rgba(80, 140, 255, 0.18);
      border-color: #7fd6ff;
    }
    .login-btn {
      width: 100%;
      margin-top: 18px;
      padding: 0.9rem 0;
      font-size: 1.13rem;
      font-weight: 700;
      color: #ffa9a9;
      background: rgba(255, 80, 80, 0.08);
      border: 1.5px solid #a44a4a;
      border-radius: 999px;
      cursor: pointer;
      transition: background 0.18s, color 0.18s, border-color 0.18s;
      box-shadow: 0 2px 12px rgba(255,80,80,0.08);
      font-family: 'Tintin', Arial, sans-serif;
      letter-spacing: 0.01em;
      text-align: center;
      text-decoration: none;
      display: block;
    }
    .login-btn:hover, .login-btn:focus {
      color: #fff;
      background: rgba(255, 80, 80, 0.18);
      border-color: #ffbaba;
    }
    .message {
      color: #7fd6ff;
      margin-top: 1.5rem;
      font-size: 1.1rem;
      font-weight: 500;
      text-align: center;
    }
    @media (max-width: 700px) {
      .profil-card {
        max-width: 99vw;
        padding: 1.2rem;
        border-radius: 10px;
        margin: 1.2rem auto 1rem auto;
        background: none;
        box-shadow: none;
      }

      h2 {
        font-size: 1.5rem;
      }
      .profil-back {
        font-size: 0.95rem;
        padding: 6px 12px;
      }
      .profil-submit, .login-btn {
        font-size: 0.95rem;
        padding: 0.7rem 0;
      }
    }