.gate{z-index:100;background:var(--purple);place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow:hidden}.gate:before{content:"";background:var(--drip) repeat-x 50% 0 / auto 100%;pointer-events:none;height:44px;position:absolute;top:0;left:0;right:0}.gate-glow{display:none}.gate-box{text-align:center;flex-direction:column;align-items:center;width:min(380px,100%);display:flex;position:relative}.gate-gem{animation:5s ease-in-out infinite gate-float}.gate h1{letter-spacing:.03em;margin:18px 0 0;font-size:clamp(96px,26vw,168px);line-height:.8;rotate:-2deg}.gate h1 span{color:var(--pink)}.gate-box>p{color:var(--cream);margin:18px 0 0;font-size:17px;font-weight:300}.gate-form{flex-direction:column;gap:12px;width:100%;margin-top:28px;display:flex}.gate-input{box-sizing:border-box;background:var(--black);width:100%;min-height:56px;color:var(--tx);font:600 17px var(--sans);box-shadow:var(--edge-a);border:0;border-radius:8px;outline:none;padding:0 18px;transition:box-shadow .15s}.gate-input::placeholder{color:var(--tx3)}.gate-input:focus{box-shadow:inset 0 0 0 3px var(--slime)}.gate-input[aria-invalid=true]{box-shadow:inset 0 0 0 3px var(--orange);animation:.35s gate-shake}.gate-form .b3{width:100%}.gate-err{min-height:20px;color:var(--orange);margin:0;font-size:14px;font-weight:600}@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}}