/* reset_password.css — glass card + contacts-bg light/dark */

.reset-password-section{
  position: relative;
  padding: 106px 0 72px;
  border-bottom: 1px solid var(--border);

  background-image:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.42)),
    url("../images/contacts-bg-light.80845a2ebbc2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

[data-theme="dark"] .reset-password-section{
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.84)),
    url("../images/contacts-bg-dark.9e7489ca7014.jpg");
}

/* soft highlights */
.reset-password-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 520px at 18% 12%, rgba(255,255,255,.14), transparent 70%),
    radial-gradient(820px 480px at 85% 35%, rgba(255,255,255,.08), transparent 70%);
  opacity:.75;
}
[data-theme="dark"] .reset-password-section::before{ opacity:.35; }

.reset-password-section > *{ position: relative; z-index: 1; }

.reset-password-container{
  width: min(400px, 92vw);
  margin: 0 auto;

  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.18);

  background: rgba(40, 57, 108, 0.28);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow: 0 28px 95px rgba(0,0,0,.26);
  padding: 20px 18px;

  text-align: center;
}

[data-theme="dark"] .reset-password-container{
  background: rgba(10,12,18,.44);
  border-color: rgba(255,255,255,.14);
  box-shadow: 0 34px 120px rgba(0,0,0,.50);
}

.reset-password-container h2{
  margin: 0 0 10px;
  font-family: var(--font-display);
  font-weight: 900;
  letter-spacing: .2px;
  font-size: clamp(20px, 2.4vw, 28px);
  color: rgba(255,255,255,.96);
  text-shadow: 0 14px 40px rgba(0,0,0,.28);
}

.reset-password-container p{
  margin: 0 0 14px;
  color: rgba(255,255,255,.82);
  font-weight: 700;
}

/* Django form.as_p */
.reset-password-container form{
  display: grid;
  gap: 12px;
  text-align: left;
}

.reset-password-container label{
  display: inline-block;
  margin: 6px 0 6px;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 13px;
  letter-spacing: .2px;
  color: rgba(255,255,255,.92);
  text-shadow: 0 12px 35px rgba(0,0,0,.25);
}

.reset-password-container input,
.reset-password-container textarea,
.reset-password-container select{
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.22);
  padding: 12px 12px;

  background: rgba(255,255,255,.10);
  color: rgba(255,255,255,.95);

  outline: none;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.reset-password-container input::placeholder{
  color: rgba(255,255,255,.65);
}

.reset-password-container input:focus,
.reset-password-container textarea:focus,
.reset-password-container select:focus{
  border-color: color-mix(in srgb, var(--orange) 65%, rgba(255,255,255,.22));
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--orange) 20%, transparent);
}

/* errors */
.reset-password-container .errorlist{
  list-style: none;
  padding: 0;
  margin: 0 0 6px;
  display: grid;
  gap: 6px;
}

.reset-password-container .errorlist li{
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--burg) 35%, rgba(255,255,255,.18));
  background: rgba(135, 10, 44, .22);
  color: rgba(255,255,255,.95);
  padding: 10px 12px;
  font-weight: 800;
}

/* submit button */
.reset-password-container button[type="submit"]{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin-top: 6px;
  padding: 12px 16px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--orange) 55%, #000);

  background: linear-gradient(135deg,
    color-mix(in srgb, var(--orange) 92%, #fff),
    var(--orange)
  );

  color: #1b1303;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 13px;
  letter-spacing: .25px;

  cursor: pointer;
  box-shadow: 0 18px 55px rgba(0,0,0,.22);
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
}

.reset-password-container button[type="submit"]:hover{
  filter: brightness(.98) saturate(1.06);
  box-shadow: 0 22px 70px rgba(0,0,0,.26);
}

.reset-password-container button[type="submit"]:active{
  transform: translateY(1px);
}

/* mobile */
@media (max-width: 560px){
  .reset-password-section{ padding: 44px 0 56px; }
  .reset-password-container{ padding: 16px 12px; }
  .reset-password-container button[type="submit"]{ width: 100%; }
}
.go-login-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 12px 18px;
  border-radius: 999px;
  text-decoration: none;

  font-family: var(--font-display);
  font-weight: 900;
  font-size: 14px;
  letter-spacing: .2px;

  color: #1b1303;
  border: 1px solid color-mix(in srgb, var(--orange) 55%, #000);

  background: linear-gradient(135deg,
    color-mix(in srgb, var(--orange) 92%, #fff),
    var(--orange)
  );

  box-shadow: 0 18px 55px rgba(0,0,0,.18);
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
}

.go-login-btn:hover{
  filter: brightness(.98) saturate(1.06);
  box-shadow: 0 22px 70px rgba(0,0,0,.22);
  transform: translateY(-1px);
}

.go-login-btn:active{
  transform: translateY(1px);
}

.go-login-btn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px var(--focus), 0 18px 55px rgba(0,0,0,.18);
}