:root{--bg:#07080d;--panel:#0e111a;--ink:#f3f0e8;--muted:#a6a7b3;--dim:#737685;--gold:#d7ac63;--gold2:#f4c97c;--red:#e47c7c;--line:rgba(255,255,255,.10);--line2:rgba(255,255,255,.16);--sans:"PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei",sans-serif;--serif:"Songti SC","STSong","Noto Serif SC",serif;--mono:"SF Mono","JetBrains Mono",Menlo,monospace}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:radial-gradient(900px 520px at 50% -15%,rgba(215,172,99,.11),transparent 66%),#07080d;color:var(--ink);font-family:var(--sans)}
.gate-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}
.gate-card{width:min(420px,100%);border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,#111522,#0e111a);padding:34px 32px 28px;box-shadow:0 40px 120px -50px #000}
.gate-kicker{font-family:var(--mono);font-size:8.5px;letter-spacing:.2em;color:var(--gold)}
h1{font-family:var(--serif);font-size:34px;font-weight:600;margin:14px 0 9px;letter-spacing:.03em}
.gate-card>p{font-size:11.5px;line-height:1.8;color:var(--muted);margin:0 0 20px}
.gate-field{display:flex;flex-direction:column;gap:7px;margin-top:14px}
.gate-field span{font-size:10px;letter-spacing:.1em;color:var(--dim)}
.gate-field input{width:100%;padding:11px 12px;border:1px solid var(--line2);border-radius:9px;background:rgba(255,255,255,.035);color:var(--ink);outline:none;font:inherit;font-size:12.5px}
.gate-field input:focus{border-color:rgba(215,172,99,.7);background:rgba(215,172,99,.07)}
.gate-field input::placeholder{color:var(--dim)}
.gate-error{min-height:15px;margin:8px 0 0;font-size:10px;color:var(--red)}
.gate-btn{width:100%;margin-top:8px;padding:11px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1a130b;font-weight:600;font-size:12px;cursor:pointer;font-family:var(--sans)}
.gate-btn:hover{filter:brightness(1.05)}
.gate-btn:disabled{opacity:.5;cursor:default}
.gate-note{font-size:9px;color:var(--dim);line-height:1.7;margin:16px 0 0}
@media(max-width:480px){.gate-card{padding:28px 22px 22px}h1{font-size:29px}}