:root{--bg:#0b0f14;--card:#121820;--text:#fff;--muted:#9fb3c8;--blue:#2A80F7;--border:#1d2630}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:480px;background:var(--card);border-radius:16px;padding:22px;box-shadow:0 10px 28px rgba(0,0,0,.35);border:1px solid var(--border)}h1{margin:8px 0 10px;font-size:26px;font-weight:800;text-align:center}p.subtitle{margin:0 0 10px;text-align:center}label,p.subtitle{font-size:13px;color:var(--muted)}label{display:block;margin-bottom:6px}input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:#0e1419;color:#fff;font-size:14px}input::-moz-placeholder{color:#64748b}input::placeholder{color:#64748b}input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 1px #1d4ed8}.btn{width:100%;padding:11px 14px;border-radius:999px;border:none;cursor:pointer;font-weight:700;font-size:14px}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 7px 18px rgba(37,99,235,.45)}.btn.primary:hover{background:#2563eb}.btn.secondary{background:transparent;border:1px solid var(--border);color:var(--muted)}.btn.secondary:hover{background:#111827;color:#e5e7eb}.small{color:var(--muted);text-align:center;margin-top:10px}.error,.small{font-size:13px}.error{color:#f87171;margin-top:8px;min-height:18px}.hidden{display:none!important}.top-link{position:fixed;top:10px;right:16px;font-size:13px;color:var(--muted)}.top-link a{color:var(--muted);text-decoration:none}.top-link a:hover{text-decoration:underline}