.gate{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;isolation:isolate;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(120% 80% at 50% 110%,var(--plum-800),var(--night) 62%)}.gate-brick{position:absolute;inset:0;z-index:-2;opacity:.32;background:linear-gradient(90deg,var(--night) 18%,transparent 34%,transparent 66%,var(--night) 82%),repeating-linear-gradient(0deg,rgba(201,184,166,.16) 0 2px,transparent 2px 26px),repeating-linear-gradient(90deg,rgba(201,184,166,.12) 0 2px,transparent 2px 56px),linear-gradient(var(--brick-deep),#2a0f12)}.gate-spill{position:absolute;inset:auto 0 0;height:70%;z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 50% 100%,rgba(255,198,107,.26),transparent 70%);animation:gate-spill .9s var(--ease-out) .75s both}@keyframes gate-spill{0%{opacity:0}}.gate-stage{gap:0;width:min(100%,460px)}.gate-arch,.gate-stage{display:grid;justify-items:center}.gate-arch{position:relative;gap:10px;width:100%;padding:44px clamp(22px,6vw,40px) 34px;text-align:center;border-radius:230px 230px 18px 18px;border:2px solid rgba(156,63,42,.85);background:linear-gradient(180deg,rgba(42,20,64,.94),rgba(21,10,31,.96));box-shadow:0 0 0 8px rgba(94,36,23,.55),0 0 0 10px rgba(201,184,166,.12),0 40px 80px -30px #000,inset 0 -40px 60px -40px rgba(255,198,107,.35);animation:gate-rise .7s var(--ease-out) both}@keyframes gate-rise{0%{opacity:0;translate:0 14px}}.gate-mark{width:88px;height:88px;border-radius:50%;box-shadow:0 0 0 4px rgba(242,172,222,.2),0 12px 30px rgba(0,0,0,.5)}.gate-eyebrow{margin-top:6px;font:500 .95rem/1.3 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}.gate-arch h1{font-size:clamp(2.4rem,1.6rem + 3vw,3.2rem);text-shadow:var(--misregister)}.gate-arch h1 em{font-family:var(--font-serif);font-style:italic;font-weight:500;color:var(--blush);text-shadow:none}.gate-form{display:grid;gap:10px;width:100%;margin-top:12px;text-align:left}.gate-form label{font-weight:600;color:var(--text-soft)}.gate-form input{min-height:52px;padding:0 16px;border-radius:12px;border:1px solid var(--line-strong);background:rgba(15,7,22,.8);color:var(--text);font-size:1.1rem}.gate-form input:focus-visible{border-color:var(--amber)}.gate-form input[aria-invalid=true]{border-color:var(--magenta-hot)}.gate-error{display:flex;align-items:flex-start;gap:8px;color:#ffb3d4;font-weight:500;line-height:1.4}.gate-error svg{flex:none;width:20px;height:20px;margin-top:1px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.gate-enter{margin-top:6px;width:100%}.gate-lip{display:flex;justify-content:space-between;width:calc(100% + 40px);margin-top:-6px;padding:10px 14px;border-radius:10px;background:linear-gradient(#1a0c12,#0b0508);box-shadow:0 -1px 0 rgba(255,198,107,.25),0 18px 40px rgba(0,0,0,.6)}.gate-lip i{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 50% 40%,var(--amber-hot),var(--amber) 55%,var(--amber-deep));box-shadow:0 0 8px 2px rgba(255,198,107,.7),0 -10px 24px 4px rgba(255,198,107,.22);animation:gate-bulb .4s ease-out both;animation-delay:calc(.25s + var(--i) * 28ms)}@keyframes gate-bulb{0%{background:#3a2433;box-shadow:none}}.gate-form.is-going~.gate-lip i,.gate:has(.gate-form.is-going) .gate-lip i{box-shadow:0 0 12px 4px rgba(255,241,207,.9),0 -16px 40px 8px rgba(255,198,107,.4)}.gate-credit{margin-top:22px;font-size:var(--step--1);color:var(--text-dim);text-align:center}.gate[data-quiet] :is(.gate-arch,.gate-spill,.gate-lip i){animation:none}@media (prefers-reduced-motion:reduce){.gate-arch,.gate-lip i,.gate-spill{animation:none}}