:root{color-scheme:dark;font-family:Inter,"Noto Sans TC","Microsoft JhengHei",sans-serif;background:#0b1119;color:#f5f9ff}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% 0,#1d3550 0,transparent 36%),linear-gradient(145deg,#101c29,#0b1119 58%);padding:42px 18px}
.gate-shell{width:min(720px,100%);margin:0 auto;display:grid;gap:22px}.gate-shell.compact{width:min(560px,100%)}
.gate-brand{display:flex;align-items:center;gap:18px}.gate-mark{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#34a8ff,#7eb8ff);font-weight:800;font-size:22px;box-shadow:0 18px 40px #0007}
.gate-brand h1{margin:3px 0 4px;font-size:clamp(28px,6vw,44px)}.gate-brand p{margin:0;color:#aebfd0}.eyebrow{letter-spacing:.18em!important;font-size:12px!important;color:#62c4ff!important;font-weight:800}
.gate-card{padding:24px;border:1px solid #38536d;border-radius:22px;background:#1b2b3bdd;box-shadow:0 22px 55px #0008;display:grid;gap:12px}.gate-card h2{margin:0}.notice-card{border-color:#3d7798}.notice-copy{white-space:pre-wrap;line-height:1.75;margin:0;color:#e6f4ff}
label{font-weight:750}input{width:100%;border:1px solid #57738f;border-radius:13px;background:#102031;color:#fff;padding:14px 15px;font:inherit;outline:none}input:focus{border-color:#48b8ff;box-shadow:0 0 0 3px #48b8ff2e}
button{border:0;border-radius:13px;padding:14px 18px;background:#67b9ff;color:#06121f;font:inherit;font-weight:800;cursor:pointer}button:disabled{opacity:.58;cursor:wait}.remember-row{display:flex;align-items:center;gap:8px;color:#c5d4e2;font-weight:600}.remember-row input{width:auto}
.status{min-height:1.5em;margin:0;color:#b9d4e8;white-space:pre-wrap}.status.bad{color:#ffadad}.hidden{display:none!important}
@media(max-width:560px){body{padding:28px 14px}.gate-brand{align-items:flex-start}.gate-mark{width:54px;height:54px;border-radius:15px}.gate-card{padding:19px}}