.gate{position:relative;isolation:isolate;min-height:100svh;display:grid;align-content:center;justify-items:center;gap:28px;padding:32px 16px;overflow:hidden}.gate-photo{z-index:-2;width:100%;height:100%;object-fit:cover;filter:brightness(.62);transition:filter .7s var(--ease-out)}.gate-photo,.gate:before{position:absolute;inset:0}.gate:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 68% at 50% 54%,rgba(14,26,44,.82),rgba(14,26,44,.35) 70%,rgba(14,26,44,.1))}.gate:has([data-open]) .gate-photo{filter:brightness(1)}.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(21,36,59,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px var(--dusk-line),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-demo{max-width:460px;font-size:var(--t-fine);line-height:1.5;color:var(--paper);text-align:center;text-shadow:0 1px 8px rgba(0,0,0,.8)}@media (prefers-reduced-motion:no-preference){.gate-card{animation:gate-in .9s var(--ease-out) .5s backwards}.gate-demo{animation:gate-in .9s var(--ease-out) 1.2s both}}@keyframes gate-in{0%{opacity:0;translate:0 14px}}