:root { color-scheme: dark; font-family: Inter, system-ui, sans-serif; background: #0a0912; color: #f4eef4; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; }
.gate { min-height: 100vh; display: grid; place-items: center; padding: 1.25rem; }
.gate__card { width: min(100%, 32rem); padding: clamp(1.5rem, 6vw, 3rem); border: 1px solid rgba(255,255,255,.14); border-radius: 1.2rem; background: rgba(255,255,255,.035); box-shadow: 0 1.5rem 5rem rgba(0,0,0,.35); }
.gate__tag { color: #f3a7be; font: .78rem ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: 1.2rem 0 .7rem; font-size: clamp(1.8rem, 7vw, 2.6rem); }
#gate-message { color: #bcb4c5; line-height: 1.65; }
.gate__loader { width: 2rem; height: 2rem; margin-top: 1.5rem; border: 2px solid rgba(243,167,190,.25); border-top-color: #f3a7be; border-radius: 50%; animation: spin .8s linear infinite; }
.gate__loader[hidden] { display: none; }
.gate__help { display: inline-block; margin-top: 1rem; color: #f3a7be; }
@keyframes spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .gate__loader { animation-duration: 2s; } }