.gate{position:relative;isolation:isolate;min-height:100svh;display:flex;justify-content:center;padding:clamp(48px,10svh,120px) 16px 40px;overflow:hidden;background:radial-gradient(700px 420px at 50% clamp(60px,12svh,140px),rgb(255 106 43/.1),transparent 70%),radial-gradient(1200px 700px at 50% -20%,rgb(220 227 234/.08),transparent 70%),var(--night)}.gate-column{width:100%;max-width:520px;display:grid;justify-items:center;align-content:start;text-align:center;transition:opacity .3s var(--ease-out)}.gate-course{width:min(100%,520px);margin-bottom:clamp(32px,6svh,56px)}.gate-wordmark{margin-bottom:28px}.gate h1{font-size:clamp(44px,4vw + 26px,68px);line-height:.9;max-width:14ch}.gate-lede{margin:16px auto 0;color:var(--silver-soft);max-width:34ch}.gate-form{width:100%;display:grid;gap:18px;margin-top:32px;text-align:left}.gate-demo{margin:36px auto 0;font-size:var(--t-label);line-height:1.5;color:var(--silver-soft);max-width:46ch}.gate:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .45s var(--ease-out);background:radial-gradient(circle at 50% clamp(70px,14svh,150px),rgb(255 233 210/.9),rgb(255 106 43/.55) 30%,rgb(194 65 12/.25) 60%,rgb(15 21 28/0) 90%)}.gate.is-open:after{z-index:1;opacity:1}.gate.is-open .gate-column{opacity:0}