.gate{position:relative;display:grid;justify-items:center;align-content:center;gap:22px;min-height:100svh;padding:clamp(24px,4vw,48px) 20px;overflow:hidden;background:var(--fx-grid),var(--bg);background-size:var(--grid-size) var(--grid-size),auto}.gate:before{content:"";position:absolute;inset:auto -20% -40% -20%;height:70%;background:radial-gradient(ellipse 70% 60% at 50% 50%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%);pointer-events:none}.gate>*{position:relative}.gate-logo a{display:inline-block}.gate-logo img{height:34px;width:auto}.gate-card{width:min(480px,100%);display:grid;gap:18px;padding:30px clamp(20px,4vw,34px) 28px;container-type:inline-size}.gate-mark{justify-self:center;width:64px;height:auto;margin-top:-2px}.gate-card .display{margin:0;text-align:center;font-size:min(46px,calc(100cqw / 7))}.gate-lead{margin:-4px 0 0;text-align:center;color:var(--muted);font-size:15px}.gate-form{display:grid;gap:16px}.gate-form .btn{margin-top:4px}.gate-switch{margin:0;text-align:center;color:var(--muted);font-size:14px}.gate-switch a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.gate-switch a:hover{color:var(--ink)}.gate-aside{display:grid;justify-items:center;gap:22px;width:100%}.gate-perks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;width:min(720px,100%);margin:0;padding:0;list-style:none}.gate-perks li{display:inline-flex;align-items:center;gap:10px;font:600 12px/1.5 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.gate-perks li:before{content:"";width:7px;height:7px;background:var(--accent);transform:rotate(45deg);flex:none}