.gate{position:relative;isolation:isolate;min-height:100svh;display:grid;align-content:center;justify-items:center;gap:28px;padding:32px 16px;overflow:hidden}.gate-map{position:absolute;left:50%;top:50%;z-index:-2;width:min(860px,150vw);aspect-ratio:486/428;translate:-50% -50%;transition:filter .7s var(--ease-out)}.gate:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(50% 68% at 50% 54%,rgba(23,22,43,.88),rgba(23,22,43,.4) 70%,rgba(23,22,43,.1))}.gate:has([data-open]) .gate-map{filter:brightness(1.6) saturate(1.2)}.gate-card{display:grid;gap:14px;width:min(100%,460px);padding:clamp(28px,5vw,44px) clamp(22px,5vw,40px);border-radius:var(--r-l);background:rgba(28,26,52,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(207,205,238,.2),0 50px 90px -40px rgba(0,0,0,.85);transition:opacity .6s var(--ease-out),translate .6s var(--ease-out)}.gate-card[data-open]{opacity:0;translate:0 -10px}.gate-brand{margin-bottom:8px}.gate h1{font-size:clamp(30px,2vw + 21px,40px);max-width:none}.gate-lede{color:var(--mist)}.gate-form{display:grid;gap:20px;margin-top:10px}.gate-error{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-s);background:rgba(242,157,175,.12);color:var(--danger-night);box-shadow:inset 0 0 0 1px rgba(242,157,175,.45);font-size:16px;line-height:1.45;font-weight:600}.gate-error .icon{flex:none;margin-top:1px}.gate-stage-line{font:600 15px/1.2 var(--f-label);letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}.gate-demo{max-width:460px;font-size:var(--t-fine);line-height:1.5;color:var(--mist);text-align:center}@media (prefers-reduced-motion:no-preference){.gate-card{animation:gate-in .9s var(--ease-out) .5s backwards}.gate-demo,.gate-stage-line{animation:gate-in .9s var(--ease-out) 1.2s both}}@keyframes gate-in{0%{opacity:0;translate:0 14px}}