:root{color-scheme:dark;--bg:#0b1220;--card:#111a2e;--line:#22304d;--txt:#e2e8f0;--mut:#94a3b8;--acc:#38bdf8}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#13203b,var(--bg) 60%);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--txt);padding:16px}
.caixa{width:100%;max-width:360px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:32px;text-align:center;box-shadow:0 20px 50px #0008}
h1{font-size:20px;margin:12px 0 0}.sub{color:var(--mut);margin:2px 0 20px;font-size:13px}
form{display:grid;gap:14px;text-align:left}label{display:grid;gap:6px;font-size:13px;color:var(--mut)}
input{background:#0b1324;border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:var(--txt);font-size:15px}input:focus{outline:2px solid var(--acc);border-color:transparent}
button{margin-top:6px;background:var(--acc);color:#04111f;border:0;border-radius:8px;padding:11px;font-weight:600;font-size:15px;cursor:pointer}button:hover{filter:brightness(1.1)}
.erro{background:#3b1220;border:1px solid #7f1d1d;color:#fecaca;padding:8px;border-radius:8px;font-size:13px}