:root{--brand:#2b4a7a;--ink:#1f2937;--muted:#64748b}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:linear-gradient(145deg,#edf3fb 0%,#f8fafc 56%,#e8eef8 100%);font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.gate-shell{place-items:center;min-height:100vh;padding:28px 16px;display:grid}.gate-card{background:#fffffff5;border:1px solid #dce4ef;border-radius:18px;width:min(100%,480px);padding:34px;box-shadow:0 20px 60px #2b4a7a24}.gate-mark{color:var(--brand);background:#eaf1fb;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.gate-card h1{color:var(--brand);margin:18px 0 12px;font-size:29px;line-height:1.35}.gate-intro{color:var(--muted);margin-bottom:24px;line-height:1.75}.gate-card label{margin-bottom:8px;font-size:14px;font-weight:700;display:block}.gate-card input{width:100%;height:50px;font:inherit;letter-spacing:.7px;text-transform:uppercase;border:1px solid #bdc9d9;border-radius:10px;outline:none;padding:0 14px}.gate-card input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #2b4a7a1f}.gate-card button{color:#fff;background:var(--brand);width:100%;height:50px;font:inherit;cursor:pointer;border:0;border-radius:10px;margin-top:12px;font-weight:700}.gate-card button:disabled{opacity:.65;cursor:wait}.gate-error{color:#b42318;background:#fff1f2;border-radius:8px;padding:10px 12px;font-size:14px}.gate-note{color:var(--muted);background:#f6f8fb;border-radius:10px;margin-top:24px;padding:16px 18px;font-size:13px;line-height:1.7}.gate-note strong{color:var(--ink)}.gate-note ul{margin:7px 0 0;padding-left:20px}@media (max-width:520px){.gate-card{padding:26px 20px}.gate-card h1{font-size:25px}}