.gate{position:relative;display:grid;align-items:center;min-height:100vh;min-height:100svh;padding:48px var(--gutter);overflow:hidden;isolation:isolate;background:var(--night-950)}.gate-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;container-type:size}.gate-canvas{--w:max(100cqw,150cqh);--h:max(100cqh,66.667cqw);position:absolute;width:var(--w);height:var(--h);left:calc((100cqw - var(--w)) * .62);top:calc((100cqh - var(--h)) * .6)}.gate-art{width:100%;height:100%}.gate-dusk{position:absolute;inset:0;background:linear-gradient(180deg,rgb(110 74 99/.9),rgb(184 102 74/.85) 34%,rgb(239 183 90/.75) 52%,rgb(216 103 40/0) 66%);mix-blend-mode:screen;opacity:0;pointer-events:none}.gate-sunset{position:absolute;left:53.6%;top:41%;width:5%;height:20.3%;overflow:hidden}.gate-sun{display:block;width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 45%,#ffd27a 0 38%,var(--sun-500) 70%);translate:0 300%}.gate-star{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);background:#ffe2a4;-webkit-mask:url(/images/ui/star.svg) center/contain no-repeat;mask:url(/images/ui/star.svg) center/contain no-repeat}.gate-card{position:relative;display:grid;gap:16px;width:min(100%,520px);margin-left:clamp(0px,4vw,72px);padding:clamp(28px,4vw,44px);border:1px solid rgb(244 237 225/.14);border-radius:28px;background:rgb(11 17 32/.78);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);box-shadow:0 40px 80px -40px rgb(0 0 0/.8)}.gate-card:before{content:"";position:absolute;left:44px;right:44px;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--star-400),var(--sun-500),transparent)}.gate-wordmark{width:min(300px,100%);margin-bottom:8px;color:var(--moon)}.gate-card h1{font-size:clamp(2.25rem,1.6rem + 2.4vw,3.4rem);line-height:1.04}.gate-motto{color:var(--star-400)}.gate-form{display:grid;gap:16px;margin-top:8px}.gate-submit{justify-self:start}.gate-note{margin-top:4px}@media (prefers-reduced-motion:no-preference){.gate-dusk{animation:gate-dusk 3.4s var(--ease-sun) .2s both}.gate-sun{animation:gate-sun 3.6s var(--ease-sun) .1s both}.gate-star{animation:gate-star .9s var(--ease) var(--d) both}.gate-card{animation:gate-rise .9s var(--ease) .5s both}}@keyframes gate-dusk{0%{opacity:1}to{opacity:0}}@keyframes gate-sun{0%,12%{translate:0 6%}to{translate:0 300%}}@keyframes gate-star{0%{opacity:0;scale:.2}60%{opacity:1;scale:1.35}to{opacity:1;scale:1}}@keyframes gate-rise{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@media (max-width:820px){.gate{align-items:end;padding:0}.gate-scene{position:relative;height:46svh;min-height:300px}.gate{grid-template-rows:auto 1fr}.gate-card{width:100%;margin:-36px 0 0;padding:28px var(--gutter) 40px;border-radius:28px 28px 0 0;border-width:1px 0 0;background:var(--night-900);-webkit-backdrop-filter:none;backdrop-filter:none}.gate-canvas{left:calc((100cqw - var(--w)) * .7);top:calc((100cqh - var(--h)) * .55)}}