:root{color-scheme:dark;--gold:#f3c969;--muted:#b5c0c8}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 5%,#183247,transparent 65%),#020b13;color:#fffdf8;font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
header{padding:22px clamp(18px,5vw,64px);border-bottom:1px solid #ffffff18;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
header a{color:var(--gold);text-decoration:none;font-weight:700}
header span{font-size:13px;color:var(--muted)}
main{max-width:540px;margin:56px auto;padding:0 18px}
.card{padding:32px;border:1px solid #d9a44155;border-radius:22px;background:#061625}
.kicker{margin:0 0 10px;color:var(--gold);font-size:12px;font-weight:750;letter-spacing:1.5px;text-transform:uppercase}
h1{font:400 clamp(28px,5vw,36px)/1.2 Georgia,serif;margin:0 0 18px}
p{color:var(--muted)}
label{display:block;font-size:14px;font-weight:650;margin:20px 0 8px}
input{width:100%;min-height:50px;padding:12px 14px;border:1px solid #d9a44166;background:#020b13;border-radius:10px;color:#fffdf8;font:inherit}
button,.button-link{display:block;width:100%;margin-top:24px;padding:14px 18px;border:0;border-radius:10px;background:var(--gold);color:#061625;font:700 15px/1.4 system-ui;text-align:center;text-decoration:none;cursor:pointer}
button:disabled{opacity:.6;cursor:wait}
a{color:var(--gold)}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.message{margin:20px 0 0;padding:13px;border-radius:10px;color:#ffd1d1;border:1px solid #ff999955}
.message.success{color:#c0f1d3;border-color:#79c89a88}
[hidden]{display:none!important}
.note{font-size:13px;line-height:1.6}
.back{display:inline-block;margin-top:22px;font-size:14px}
@media(max-width:450px){main{margin:28px auto}.card{padding:24px 20px}}