:root{ --bg:#0f0b17; --card:#191327; --fg:#f5f3ff; --muted:#c4b5fd; --primary:#7c3aed; --border:#2a223d; }
*{box-sizing:border-box} html,body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,Segoe UI,Roboto,Arial}
.auth{min-height:100dvh;display:grid;place-items:center}
.card{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1.25rem;min-width:min(92vw,360px);box-shadow:0 10px 30px rgba(0,0,0,.25)}
h1{margin:0 0 1rem 0;font-size:1.25rem}
label{display:flex;flex-direction:column;gap:.35rem;margin:.5rem 0}
input{border:1px solid var(--border);background:#120c1e;color:var(--fg);border-radius:.6rem;padding:.55rem .7rem}
button{background:var(--primary);color:#fff;border:none;border-radius:.7rem;padding:.6rem .9rem;margin-top:.75rem;cursor:pointer}