*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;font-family:'Segoe UI',system-ui,-apple-system,Inter,sans-serif;color:#fff;background:#000}
.bg{position:fixed;inset:0;z-index:0;background:
  radial-gradient(1200px 700px at 80% -10%, rgba(76,124,255,.45), transparent 60%),
  radial-gradient(900px 600px at -10% 100%, rgba(212,168,83,.35), transparent 60%),
  linear-gradient(160deg,#0a0e1a 0%,#0a0a0a 50%,#100a06 100%)}
.bg::after{content:"";position:absolute;inset:0;background:
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='3' height='3'><circle cx='1.5' cy='1.5' r='.6' fill='white' opacity='.04'/></svg>");
  opacity:.6}
.card{position:relative;z-index:1;width:min(420px,92vw);margin:9vh auto;
  background:rgba(20,20,28,.55);backdrop-filter:blur(28px) saturate(140%);
  border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:34px 30px;
  box-shadow:0 30px 80px rgba(0,0,0,.5)}
.logo{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(135deg,#D4A853,#E8C97A);color:#1a1304;font-weight:800;font-size:26px;margin-bottom:14px;
  box-shadow:0 10px 30px rgba(212,168,83,.35)}
h1{font-size:24px;letter-spacing:.2px;margin-bottom:4px}
.sub{color:#9aa0aa;margin-bottom:22px;font-size:14px}
form{display:grid;gap:14px}
label{display:grid;gap:6px;font-size:13px;color:#c9cdd6}
input{height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);color:#fff;padding:0 12px;font:inherit;outline:none}
input:focus{border-color:#D4A853;box-shadow:0 0 0 4px rgba(212,168,83,.18)}
button{height:46px;border:0;border-radius:12px;background:#fff;color:#111;font-weight:600;cursor:pointer;
  transition:transform .15s ease, background .15s ease}
button:hover{background:#e6e6e6;transform:translateY(-1px)}
.err{color:#ffb4b4;font-size:13px;background:rgba(255,80,80,.12);padding:10px 12px;border-radius:10px;border:1px solid rgba(255,80,80,.25)}
footer{margin-top:20px;color:#6b7280;font-size:12px;text-align:center}