*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;}
body{
  font-family:'Manrope',sans-serif;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
  background:var(--cream);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:2.5rem 1.25rem 3rem;
}
a{text-decoration:none;color:inherit;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
input,select{font-family:inherit;}
:root{
  --cream:#FFF8F0;--beige:#F0E6D3;--beige2:#E2D0B8;--sand:#C4A882;
  --ink:#2D1B0E;--ink2:#5C3D1E;--ink3:#8B6347;
  --brand:#9b00ff;--brandL:#c266ff;--brandD:#6b00b3;
  --green:#059669;--red:#dc2626;
}
.hero{width:100%;max-width:420px;text-align:center;margin-bottom:1.6rem;}
.hero-logo{font-family:'Outfit',sans-serif;font-size:1.05rem;font-weight:800;color:var(--ink);letter-spacing:-.02em;margin-bottom:1.4rem;display:inline-block;}
.hero-logo em{font-style:normal;color:var(--brand);}
.hero-h{font-family:'Outfit',sans-serif;font-size:clamp(1.55rem,5vw,2rem);font-weight:900;letter-spacing:-.05em;line-height:1.13;color:var(--ink);margin-bottom:.55rem;}
.hero-h em{font-style:normal;color:var(--brand);}
.hero-sub{font-size:.84rem;color:var(--ink3);line-height:1.72;}
.card{width:100%;max-width:420px;background:#fff;border-radius:20px;padding:clamp(2rem,5vw,2.75rem) clamp(1.75rem,5vw,2.75rem);box-shadow:0 8px 40px rgba(45,27,14,.08),0 1px 0 var(--beige);}
.fg{display:flex;flex-direction:column;gap:.28rem;margin-bottom:.72rem;}
.fl{font-size:.71rem;font-weight:700;color:var(--ink2);}
.req{color:var(--red);}
.fi{width:100%;font-family:'Manrope',sans-serif;font-size:.875rem;color:var(--ink);background:var(--cream);border:1.5px solid var(--beige);border-radius:9px;padding:.65rem .9rem;outline:none;transition:border-color .18s,box-shadow .18s,background .18s;}
.fi:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(155,0,255,.09);background:#fff;}
.fi::placeholder{color:var(--sand);}
.fi.err{border-color:var(--red);}
.ferr{font-size:.65rem;color:var(--red);display:none;}
.ferr.v{display:block;}
.pw-wrap{position:relative;}
.pw-wrap .fi{padding-right:2.65rem;}
.pw-eye{position:absolute;right:.78rem;top:50%;transform:translateY(-50%);opacity:.38;cursor:pointer;display:flex;color:var(--ink3);transition:opacity .14s;}
.pw-eye:hover{opacity:.8;}
.pw-eye svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;}
.forgot-row{display:flex;justify-content:flex-end;margin-top:.22rem;margin-bottom:.72rem;}
.forgot-lnk{font-size:.7rem;font-weight:700;color:var(--brand);transition:color .14s;cursor:pointer;}
.forgot-lnk:hover{color:var(--brandD);}
.remember-row{display:flex;align-items:center;gap:.45rem;margin-bottom:1rem;}
.remember-row input[type=checkbox]{width:14px;height:14px;accent-color:var(--brand);cursor:pointer;flex-shrink:0;}
.remember-lbl{font-size:.75rem;font-weight:600;color:var(--ink3);}
.login-btn{width:100%;font-family:'Outfit',sans-serif;font-size:.92rem;font-weight:800;color:#fff;background:var(--brand);padding:.84rem;border-radius:11px;box-shadow:0 4px 20px rgba(155,0,255,.28);display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:-.01em;transition:all .2s;margin-bottom:1rem;}
.login-btn:hover{transform:translateY(-2px);box-shadow:0 7px 26px rgba(155,0,255,.38);}
.login-btn svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;}
.register-row{text-align:center;font-size:.74rem;color:var(--ink3);padding-top:1rem;border-top:1px solid var(--beige);}
.register-row a{color:var(--brand);font-weight:700;transition:color .14s;}
.register-row a:hover{color:var(--brandD);}
.alert-err{background:#fff1f1;border:1.5px solid #fca5a5;border-radius:9px;padding:.65rem .9rem;font-size:.76rem;color:#b91c1c;margin-bottom:.85rem;display:flex;align-items:center;gap:.5rem;line-height:1.5;}
.alert-err svg{width:14px;height:14px;stroke:#b91c1c;fill:none;stroke-width:2;stroke-linecap:round;flex-shrink:0;}
.reset-section{display:none;flex-direction:column;}
.reset-back{display:inline-flex;align-items:center;gap:.32rem;font-size:.73rem;font-weight:700;color:var(--ink3);margin-bottom:1.5rem;cursor:pointer;transition:color .14s;width:fit-content;}
.reset-back:hover{color:var(--ink);}
.reset-back svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;}
.reset-h{font-family:'Outfit',sans-serif;font-size:1.25rem;font-weight:900;letter-spacing:-.04em;color:var(--ink);margin-bottom:.35rem;}
.reset-sub{font-size:.8rem;color:var(--ink3);line-height:1.7;margin-bottom:1.2rem;}
.reset-success{background:#f0fdf4;border:1.5px solid #86efac;border-radius:9px;padding:.72rem .9rem;font-size:.78rem;color:#15803d;display:none;align-items:flex-start;gap:.5rem;margin-bottom:.85rem;line-height:1.55;}
.reset-success.v{display:flex;}
.reset-success svg{width:14px;height:14px;stroke:#15803d;fill:none;stroke-width:2;stroke-linecap:round;flex-shrink:0;margin-top:.1rem;}