.gate{position:relative;min-height:100dvh;display:grid;grid-template-rows:1fr auto;overflow:hidden;background:var(--night-950);color:var(--text);isolation:isolate}.gate-booth{position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 30% 50%,color-mix(in srgb,var(--beam) 9%,transparent),transparent 70%),radial-gradient(120% 90% at 50% 120%,var(--night-900),var(--night-950) 70%)}.gate-booth:after{content:"";position:absolute;inset:0;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:screen}.gate-stage{width:min(100% - 2 * var(--gutter),1120px);margin-inline:auto;display:grid;grid-template-columns:minmax(0,520px) minmax(0,460px);justify-content:center;align-items:center;gap:clamp(2.5rem,1rem + 5vw,6rem);padding-block:48px 24px}.gate-strip{--frame-w:min(440px,100%);position:relative;justify-self:center;width:calc(var(--frame-w) + 76px);max-width:100%;height:min(86dvh,760px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;-webkit-mask:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}.gate-strip:after,.gate-strip:before{content:"";position:absolute;top:0;bottom:0;z-index:1;width:38px;background:color-mix(in srgb,var(--screen) 16%,transparent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='34'%3E%3Crect x='12' y='9' width='14' height='16' rx='3.5'/%3E%3C/svg%3E") 0 0 /38px 34px repeat-y;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='34'%3E%3Crect x='12' y='9' width='14' height='16' rx='3.5'/%3E%3C/svg%3E") 0 0 /38px 34px repeat-y}.gate-strip:before{left:0}.gate-strip:after{right:0}.gate-film{position:relative;flex:none;display:grid;gap:14px;padding-inline:38px;border-inline:1px solid var(--line-soft);background:var(--night-850)}.gate-frame{position:relative;aspect-ratio:4/3;border-radius:8px}.gate-frame.is-dim{display:grid;place-items:center;border:1px solid var(--line-soft);background:var(--night-900)}.gate-start{font-size:.9rem;letter-spacing:.3em;text-transform:uppercase;padding:.5em 1em;border:1px solid color-mix(in srgb,var(--leader) 50%,transparent)}.gate-code,.gate-start{font-family:var(--font-mono);color:var(--leader)}.gate-code{font-size:.72rem;letter-spacing:.24em}.gate-frame.is-gate{box-shadow:0 0 0 1px color-mix(in srgb,var(--beam) 40%,transparent),0 0 60px color-mix(in srgb,var(--beam) 22%,transparent),0 0 160px color-mix(in srgb,var(--beam) 10%,transparent)}.gate-leader{border-radius:8px}@media (prefers-reduced-motion:no-preference){.gate-strip:after,.gate-strip:before{animation:gate-pull 1s linear infinite}.gate-frame.is-gate{animation:gate-weave 1s step-end infinite}}@keyframes gate-pull{0%,88%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:0 34px;mask-position:0 34px}}@keyframes gate-weave{0%,to{translate:0 0}50%{translate:0 1px}}.gate-card{display:grid;gap:14px;align-content:center}.gate-logo{width:min(300px,80%);height:auto;margin-bottom:10px}.gate-kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.gate-kicker-dot{width:8px;height:8px;border-radius:50%;background:var(--tungsten);box-shadow:0 0 0 4px color-mix(in srgb,var(--tungsten) 20%,transparent)}.gate-title{font-size:clamp(2.3rem,1.6rem + 2.4vw,3.6rem);font-stretch:var(--title-stretch);font-weight:var(--title-weight);line-height:.9;letter-spacing:-.005em;text-transform:uppercase;color:var(--screen);text-wrap:balance}.gate-form{margin-top:14px}.gate-label{display:block;margin-bottom:8px;font-size:1rem;font-weight:620}.gate-row{display:flex;gap:10px}.gate-field{position:relative;flex:1 1;min-width:0}.gate-input{width:100%;min-height:56px;padding:0 16px;border:1px solid color-mix(in srgb,var(--screen) 32%,transparent);border-radius:10px;background:var(--night-850);font-family:var(--font-mono);font-size:1.1rem;letter-spacing:.06em}.gate-field[data-enhanced] .gate-input{padding-right:56px}.gate-input:hover{border-color:color-mix(in srgb,var(--screen) 52%,transparent)}.gate-input[aria-invalid=true]{border-color:var(--shock)}.gate-reveal{position:absolute;top:50%;right:4px;translate:0 -50%;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:8px;background:transparent;color:var(--text-muted)}.gate-reveal:hover{color:var(--beam)}.gate-reveal svg{width:22px;height:22px}.btn.gate-enter{--btn-bg:var(--beam);--btn-fg:var(--ink);--btn-edge:var(--beam);min-height:56px;border-radius:10px;padding-inline:1.4em}.btn.gate-enter:hover{background:var(--gilt-pale);box-shadow:0 0 0 6px var(--beam-soft)}.gate-arrow{width:20px;height:20px}.gate-spin{width:18px;height:18px;border-radius:50%;border:2px solid color-mix(in srgb,var(--ink) 30%,transparent);border-top-color:var(--ink);animation:gate-spin .8s linear infinite}@keyframes gate-spin{to{rotate:1turn}}.gate-msg{min-height:1.7em;margin-top:10px;font-size:1rem;color:var(--text-muted)}.gate-msg[data-tone=error]{color:var(--velvet-lit);font-weight:600}.gate-msg[data-tone=ok]{color:var(--beam);font-weight:600}.gate-fine{font-size:.8rem;letter-spacing:.08em}.gate-caption,.gate-fine{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-faint)}.gate-caption{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;padding:18px var(--gutter) max(22px,env(safe-area-inset-bottom));font-size:.82rem;letter-spacing:.12em}.gate-caption-dot{width:4px;height:4px;border-radius:50%;background:var(--leader)}@media (prefers-reduced-motion:no-preference){.gate[data-gate=error] .gate-frame.is-gate{animation:gate-shutter .42s steps(2) 1}.gate[data-gate=open] .gate-leader{animation:gate-strike .9s var(--ease-out) forwards}.gate[data-gate=open] .gate-caption,.gate[data-gate=open] .gate-card{transition:opacity .7s var(--ease-out) .4s;opacity:0}.gate[data-gate=open] .gate-booth{transition:filter .9s var(--ease-out);filter:brightness(1.6)}}@keyframes gate-shutter{0%{opacity:1}25%{opacity:.25}50%{opacity:1}75%{opacity:.4}to{opacity:1}}@keyframes gate-strike{0%{filter:brightness(1)}18%{filter:brightness(.15)}46%{filter:brightness(1.12)}to{filter:brightness(2.4) contrast(.4)}}@media (max-width:900px){.gate-stage{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:28px 12px;max-width:520px}.gate-strip{--frame-w:min(300px,calc(100% - 76px));height:auto;-webkit-mask:none;mask:none}.gate-film{gap:0}.gate-frame.is-dim{display:none}.gate-film{padding-block:10px}.gate-logo{width:min(240px,70%);margin-bottom:4px}.gate-card{gap:10px}}@media (max-width:420px){.gate-strip{--frame-w:220px}.gate-row{flex-direction:column}.gate-title{font-size:2.15rem}}