* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, sans-serif; background:#f3f4f6; color:#111827; }
.auth-header { display:flex; align-items:center; gap:1rem; padding:1rem; background:#3e2f64; color:#fff; }
.auth-header .logo { height:40px; }
.auth-header .link { margin-left:auto; color:#fff; text-decoration:underline; }
.form-container { max-width:420px; margin:3rem auto; padding:2rem; background:#fff; border-radius:12px; box-shadow:0 10px 25px rgba(0,0,0,0.08); }
.form-container h1 { margin-top:0; }
.form-group { display:flex; flex-direction:column; gap:0.35rem; margin-bottom:1rem; }
input { padding:0.75rem; border:1px solid #e5e7eb; border-radius:8px; font-size:1rem; }
button { width:100%; padding:0.8rem 1rem; border:0; border-radius:10px; background:#3e2f64; color:#fff; font-weight:600; cursor:pointer; }
button:hover { filter: brightness(1.1); }