.gate{z-index:1000;background:var(--bg-deep);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:hidden auto}.gate__bg{filter:blur(18px)saturate(1.1);background-position:50%;background-size:cover;position:absolute;inset:-40px;transform:scale(1.05)}.gate__bg:after{content:"";background:#16294b59;position:absolute;inset:0}.gate__box{-webkit-backdrop-filter:blur(16px);width:100%;max-width:360px;color:var(--fg);background:#faf8f4c7;border-radius:16px;gap:14px;padding:32px 28px;display:grid;position:relative;box-shadow:0 20px 60px #00000040}.gate__logo{justify-self:center}.gate__title{text-align:center;font-family:var(--font-serif);margin:0;font-size:1.5rem}.gate__lede{text-align:center;color:var(--fg-soft);margin:-6px 0 6px;font-size:.9rem}.gate__field{color:var(--fg-soft);gap:6px;font-size:.85rem;display:grid}.gate__field input{font:inherit;color:var(--fg);border:1px solid var(--rule-strong);background:#fff;border-radius:8px;padding:10px 12px;font-size:1rem}.gate__field input:focus{outline:2px solid var(--accent-strong);outline-offset:1px}.gate__error{color:var(--brand-red);margin:0;font-size:.85rem}.gate__button{font:inherit;background:var(--accent-strong);color:#fff;cursor:pointer;border:0;border-radius:8px;margin-top:4px;padding:12px;font-weight:600}.gate__button:hover{background:var(--accent)}