:root { --bg:#0b0f14; --panel:#131a21; --accent:#d0a85c; --text:#e5e5e5; --muted:#9aa3ad; --danger:#d24c4c; }
body{margin:0;background:#0b0f14;color:var(--text);font-family:system-ui,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;background-attachment:fixed;cursor:default;}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(70% 50% at 50% -10%, rgba(208,168,92,.12), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #0d1319 0%, #0b0f14 60%);
  pointer-events:none;
}
.wrap{min-height:100dvh;display:grid;place-items:center;padding:24px;}
.card{background:linear-gradient(180deg,rgba(19,26,33,.95),rgba(13,17,22,.95));
  border:1px solid rgba(208,168,92,.25);border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.35);max-width:480px;width:100%;padding:28px 32px;}
h1{margin:0 0 8px 0;font-weight:600;letter-spacing:.4px;text-align:center}
.muted{color:var(--muted);margin-bottom:16px;text-align:center}
input,button{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(208,168,92,.3);background:#0f151c;color:var(--text);font-size:16px;box-sizing:border-box;}
input{cursor:text}
button{margin-top:12px;color:var(--accent);cursor:pointer;transition:transform .06s ease, box-shadow .15s}
button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(208,168,92,.15)}
.error{color:var(--danger);margin-top:10px;min-height:1em}