html.gated body{background:var(--abysse);min-height:100vh}
#gate{min-height:100vh;display:grid;place-items:center;padding:24px 20px;
  background:radial-gradient(900px 500px at 15% 10%,rgba(251,110,6,.14),transparent 60%),radial-gradient(800px 600px at 90% 90%,rgba(157,176,255,.16),transparent 60%),var(--abysse);color:#fff}
.gate-card{width:100%;max-width:420px;background:var(--abysse-2);border:1px solid rgba(157,176,255,.18);border-radius:var(--r-l);padding:36px 32px 28px}
.gate-brand{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:800 22px/1 var(--display);letter-spacing:-.03em}
.gate-brand svg{width:34px;height:34px}
.gate-kick{margin-top:32px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--signal)}
.gate-card h1{margin:10px 0 24px;font:600 26px/1.15 var(--display);letter-spacing:-.02em}
.gate-card label{display:block;margin:16px 0 6px;font-size:14px;font-weight:600;color:#C9D2F5}
.gate-card input{width:100%;min-height:46px;padding:10px 14px;border-radius:10px;border:1px solid rgba(157,176,255,.28);background:var(--abysse);color:#fff;font-size:16px}
.gate-card input::placeholder{color:#8E9BCC}
.gate-card input:focus-visible,.gate-brand:focus-visible,#gGo:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.gate-err{min-height:22px;margin-top:12px;font-size:14px;color:#FFB4B9}
#gGo{width:100%;min-height:48px;margin-top:8px;border:0;border-radius:12px;background:var(--orange);color:#fff;font:700 16px var(--body);cursor:pointer}
#gGo:hover{background:var(--orange-2)}#gGo:disabled{opacity:.7;cursor:wait}
.gate-note{margin-top:18px;font-size:13px;color:#8E9BCC;text-align:center}
@media (prefers-reduced-motion:no-preference){.gate-card{animation:gin .5s ease both}@keyframes gin{from{opacity:0;transform:translateY(12px)}}}
.gate-text{margin:-8px 0 24px;font-size:16px;line-height:1.55;color:#C9D2F5}
.gate-actions{display:flex;gap:12px;flex-wrap:wrap}
.gate-actions button{min-height:48px;padding:0 22px;border:0;border-radius:12px;background:var(--orange);color:#fff;font:700 16px var(--body);cursor:pointer}
.gate-actions button.alt{background:transparent;border:1px solid rgba(157,176,255,.35);color:#fff}
.gate-actions button:hover{filter:brightness(1.08)}
.gate-actions button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.gate-orbit{position:relative;width:64px;height:64px;margin:8px 0 6px}
.gate-orbit:before{content:"";position:absolute;inset:22px;border-radius:50%;background:var(--orange)}
.gate-orbit i{position:absolute;inset:0;border:2px solid var(--signal);border-radius:50%;border-top-color:transparent}
@media (prefers-reduced-motion:no-preference){.gate-orbit i{animation:gspin 1.1s linear infinite}@keyframes gspin{to{transform:rotate(360deg)}}}