.gate{background:#111;font-family:Bebas Neue,Archivo,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.gate-pane{z-index:1;will-change:transform;background:linear-gradient(135deg,#1c1c1c 0%,#0b0b0b 100%);width:53%;transition:transform .9s cubic-bezier(.7,.02,.28,1);position:absolute;top:0;bottom:0}.gate-pane--left{clip-path:polygon(0 0,100% 0,92% 9%,100% 19%,93% 31%,99% 43%,92% 55%,100% 67%,93% 80%,99% 92%,94% 100%,0 100%);border-right:2px solid #fcc0142e;left:0}.gate-pane--right{clip-path:polygon(8% 0,100% 0,100% 100%,6% 100%,1% 92%,7% 80%,0 67%,8% 55%,1% 43%,7% 31%,0 19%,8% 9%);border-left:2px solid #fcc0142e;right:0}.gate.is-open .gate-pane--left{transform:translate(-103%)}.gate.is-open .gate-pane--right{transform:translate(103%)}.gate-seam{opacity:0;z-index:2;pointer-events:none;background:linear-gradient(#0000,#fcc014,#0000);width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.gate.is-open .gate-seam{animation:.55s forwards gateSeam}@keyframes gateSeam{0%{opacity:0}25%{opacity:1;box-shadow:0 0 26px 7px #fcc014d9}to{opacity:0}}.gate-flash{z-index:4;opacity:0;pointer-events:none;background:#e63329;position:absolute;inset:0}.gate.is-error .gate-flash{animation:.4s gateFlash}@keyframes gateFlash{0%{opacity:0}25%{opacity:.22}to{opacity:0}}.gate-ui{z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;transition:opacity .4s,transform .5s;display:flex;position:absolute;inset:0}.gate.is-open .gate-ui{opacity:0;pointer-events:none;transform:scale(.92)}.gate-sub{color:#8f8f8f;letter-spacing:.22em;text-transform:uppercase;margin:0;font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:600}.gate-logo{color:#fcc014;letter-spacing:.05em;margin:0 0 8px;font-size:clamp(56px,15vw,132px);line-height:.86}.gate-form{gap:10px;width:min(380px,86vw);display:flex}.gate-input{color:#fff;background:#0c0c0c;border:1.5px solid #333;border-radius:10px;outline:none;flex:1;min-width:0;padding:14px 16px;font-family:DM Sans,system-ui,sans-serif;font-size:16px;transition:border-color .15s,box-shadow .15s}.gate-input::placeholder{color:#5a5a5a}.gate-input:focus{border-color:#fcc014;box-shadow:0 0 0 3px #fcc0142e}.gate-btn{color:#111;letter-spacing:.05em;cursor:pointer;background:#fcc014;border:0;border-radius:10px;min-width:58px;padding:0 22px;font-family:Bebas Neue,system-ui,sans-serif;font-size:24px;transition:transform 80ms,filter .15s}.gate-btn:hover{filter:brightness(1.06)}.gate-btn:active{transform:translateY(1px)}.gate-btn:disabled{opacity:.6;cursor:default}.gate.is-error .gate-input{border-color:#e63329}.gate.is-error .gate-form{animation:.4s gateShake}@keyframes gateShake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.gate-err{color:#e63329;letter-spacing:.03em;min-height:18px;font-family:DM Sans,system-ui,sans-serif;font-size:13px}@media (prefers-reduced-motion:reduce){.gate-pane,.gate-ui{transition:none}.gate.is-open .gate-seam,.gate.is-error .gate-flash,.gate.is-error .gate-form{animation:none}}
