.gate{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;min-height:100dvh;padding:clamp(2rem,1rem + 5vh,5rem) 16px max(1rem,env(safe-area-inset-bottom));overflow:hidden;background:var(--tiv-night);color:var(--tiv-cream)}.gate-scene{position:absolute;inset:0;z-index:-1;pointer-events:none}.gate-ceiling{transition:opacity 1.2s var(--ease-out),filter 1.2s var(--ease-out)}.gate-beam{position:absolute;left:50%;top:-4%;width:min(1100px,160vw);height:88%;translate:-50% 0;background:radial-gradient(60% 70% at 50% 0,rgba(255,236,196,.24),rgba(255,236,196,.08) 55%,transparent 80%);clip-path:polygon(47% 0,53% 0,82% 100%,18% 100%);opacity:.55;transition:opacity .9s var(--ease-out)}.gate-curtain{position:absolute;left:0;right:0;bottom:0;height:clamp(110px,20vh,200px);background:linear-gradient(180deg,rgba(7,7,12,.55),transparent 40%),repeating-linear-gradient(90deg,#5e0b2a 0 6px,#a3124a 22px,#c4245f 30px,#8c0f3e 44px,#5e0b2a 58px);box-shadow:inset 0 18px 30px rgba(0,0,0,.55)}.gate-curtain:before{content:"";position:absolute;inset:0 0 auto;height:12px;background:radial-gradient(circle at 6px 0,var(--tiv-gold) 3px,transparent 3.6px) 0 4px /12px 8px repeat-x,linear-gradient(180deg,var(--tiv-gold-deep),var(--tiv-gold) 50%,transparent 51%);opacity:.9}.gate-v{position:absolute;top:34%;display:grid;place-items:center;width:46px;height:46px;border:2px solid var(--tiv-gold);border-radius:50%;font-family:var(--font-display);font-size:1.6rem;font-weight:800;line-height:1;color:var(--tiv-gold);text-shadow:0 1px 2px rgba(0,0,0,.5);opacity:.85}.gate-v-l{left:18%}.gate-v-r{right:18%}.gate-dark{position:absolute;inset:0;background:#000;opacity:0;transition:opacity 1.2s var(--ease-out)}.gate-card{position:relative;display:flex;flex-direction:column;align-items:center;width:min(100%,460px);margin-block:auto;padding:clamp(1.5rem,1rem + 2vw,2.4rem) clamp(1.25rem,.8rem + 2vw,2.25rem) 1.5rem;border:1px solid rgba(242,169,59,.3);border-radius:22px;background:linear-gradient(180deg,rgba(21,24,52,.92),rgba(11,13,31,.94));box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 6px rgba(122,22,49,.18);text-align:center;transition:opacity .9s var(--ease-out),transform 1.2s var(--ease-out)}.gate-logo{width:clamp(168px,140px + 8vw,210px);height:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.5))}.gate-title{margin-top:1.1rem;font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:clamp(1.45rem,1.2rem + 1vw,1.9rem);line-height:1.2;letter-spacing:0;color:var(--tiv-gold-soft)}.gate-form{width:100%;margin-top:1.3rem;text-align:left}.gate-label{display:block;margin-bottom:.45rem;font-size:.95rem;font-weight:650;letter-spacing:.02em;color:var(--tiv-cream-muted)}.gate-row{display:grid;gap:.7rem}.gate-field{position:relative;min-width:0}.gate-input{width:100%;min-height:54px;padding:0 1.1rem;border:1px solid rgba(247,240,225,.32);border-radius:999px;background:rgba(7,7,12,.6);font-size:1.1rem;letter-spacing:.06em;color:var(--tiv-cream);transition:border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.gate-field[data-enhanced] .gate-input{padding-right:3.4rem}.gate-input:hover{border-color:rgba(247,240,225,.55)}.gate-input:focus{outline:none;border-color:var(--tiv-gold);box-shadow:0 0 0 3px rgba(242,169,59,.3)}.gate-input[aria-invalid=true]{border-color:#ff9d85}.gate-reveal{position:absolute;right:6px;top:50%;translate:0 -50%;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--tiv-cream-muted)}.gate-reveal svg{width:22px;height:22px}.gate-reveal:hover,.gate-reveal[aria-pressed=true]{color:var(--tiv-gold-soft);background:rgba(247,240,225,.08)}.btn.gate-enter{width:100%;min-height:54px;font-size:1rem;box-shadow:0 0 26px rgba(242,169,59,.3)}.gate-arrow{width:20px;height:20px}.gate-spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(7,7,12,.25);border-top:2px solid var(--tiv-ink);animation:gate-spin .8s linear infinite}@keyframes gate-spin{to{rotate:1turn}}.gate-msg{min-height:1.6em;margin-top:.6rem;font-size:.98rem;color:var(--tiv-cream-muted)}.gate-msg[data-tone=error]{color:#ffb6a3}.gate-msg[data-tone=ok]{color:var(--tiv-gold-soft)}.gate-fine{margin-top:.5rem;font-size:.85rem;letter-spacing:.04em;color:var(--tiv-cream-faint)}.gate-caption{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .75rem;margin-top:1.5rem;font-family:var(--font-marquee);font-size:1.05rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--tiv-gold-soft);text-shadow:0 1px 8px rgba(0,0,0,.9)}.gate-caption-dot{width:5px;height:5px;border-radius:50%;background:var(--tiv-gold)}.gate[data-gate=checking] .gate-card{opacity:.94}.gate[data-gate=open] .gate-ceiling{opacity:.5;filter:brightness(.6)}.gate[data-gate=open] .gate-beam{opacity:1}.gate[data-gate=open] .gate-dark{opacity:.35}.gate[data-gate=open] .gate-card{opacity:.25;transform:scale(.97) translateY(8px)}@media (prefers-reduced-motion:no-preference){.gate[data-gate=open] .gate-beam{animation:gate-strike .52s step-end 1}}@keyframes gate-strike{0%{opacity:.2}30%{opacity:.95}45%{opacity:.4}60%{opacity:1}}@media (max-width:560px){.gate-v{width:36px;height:36px;font-size:1.25rem}.gate-v-l{left:8%}.gate-v-r{right:8%}.gate-caption{font-size:.95rem;letter-spacing:.12em}}