:root { --bg:#0e0f12; --fg:#eaeaea; --muted:#a8a8a8; --card:#16181d; }
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--fg)}
.wrap{min-height:100dvh;display:grid;place-items:center;padding:40px}
.card{max-width:720px;width:100%;background:var(--card);border-radius:20px;padding:32px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
h1{margin:0 0 12px;font-size:28px}
p{margin:0 0 14px;color:var(--muted);line-height:1.6}
.row{display:flex;gap:10px;margin-top:18px}
input,button{border-radius:12px;border:1px solid #2a2f39;padding:12px 14px;background:#121419;color:var(--fg)}
input{flex:1}
button{cursor:pointer}
.brand{font-weight:600;letter-spacing:.3px;margin-bottom:10px;opacity:.9}
.footer{margin-top:22px;font-size:12px;color:#8b8b8b}