.gate{z-index:100;background:var(--bg);place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow:hidden}.gate:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 55% at 50% 45%,#000 10%,#0000 75%);mask-image:radial-gradient(60% 55% at 50% 45%,#000 10%,#0000 75%)}.gate-glow{filter:blur(90px);pointer-events:none;background:#7b5cff52;border-radius:50%;width:min(720px,120vw);height:520px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.gate-box{text-align:center;flex-direction:column;align-items:center;width:min(380px,100%);display:flex;position:relative}.gate-gem{filter:drop-shadow(0 0 40px #7b5cffb3);animation:5s ease-in-out infinite gate-float}.gate h1{letter-spacing:-.06em;margin:22px 0 0;font-size:clamp(44px,12vw,64px);font-weight:800;line-height:1}.gate h1 span{background:linear-gradient(180deg, #fff, var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text}.gate-box>p{color:var(--tx2);margin:14px 0 0}.gate-form{flex-direction:column;gap:12px;width:100%;margin-top:28px;display:flex}.gate-input{box-sizing:border-box;background:var(--s1);width:100%;min-height:56px;color:var(--tx);font:500 17px var(--sans);box-shadow:inset 0 0 0 2px var(--line);border:0;border-radius:18px;outline:none;padding:0 18px;transition:box-shadow .15s}.gate-input::placeholder{color:var(--tx3)}.gate-input:focus{box-shadow:inset 0 0 0 2px var(--violet)}.gate-input[aria-invalid=true]{animation:.35s gate-shake;box-shadow:inset 0 0 0 2px #ff7a8a}.gate-form .b3{width:100%}.gate-err{color:#ff9aa6;min-height:20px;margin:0;font-size:14px}@keyframes gate-float{50%{transform:translateY(-8px)}}@keyframes gate-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.gate-gem,.gate-input[aria-invalid=true]{animation:none}}