.gate{min-height:100svh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(60% 50% at 50% 40%,rgba(240,122,34,.16),transparent 70%),#0E0B10;color:#F4E7D2}.gate-card{width:min(420px,100%);display:grid;grid-gap:18px;gap:18px;justify-items:center;text-align:center;padding:40px 28px 34px;border-radius:26px;background:linear-gradient(160deg,rgba(255,241,230,.07),rgba(255,241,230,.02));border:1px solid rgba(233,199,122,.22);box-shadow:0 40px 90px rgba(0,0,0,.5)}.gate-logo{width:230px;height:auto;filter:sepia(1) saturate(2.2) hue-rotate(-12deg) brightness(.95)}.gate-note{margin:0;font-size:14.5px;line-height:1.6;color:rgba(244,231,210,.72)}.gate-field{width:100%;display:grid;grid-gap:8px;gap:8px;text-align:left;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#D9B76E}.gate-field input{height:50px;border-radius:14px;border:1px solid rgba(233,199,122,.35);background:rgba(0,0,0,.35);color:#FFF3E6;padding:0 16px;font:inherit;font-size:16px;letter-spacing:.08em;text-transform:none}.gate-field input:focus{outline:2px solid #E9C77A;outline-offset:2px}.gate-err{margin:-4px 0 0;font-size:13.5px;color:#FF9C7A}.gate-card button{width:100%;height:50px;border:0;border-radius:999px;font:inherit;font-weight:700;font-size:15px;cursor:pointer;color:#1a0f08;background:linear-gradient(90deg,#B98F48,#F4DE9E 50%,#B98F48)}.gate-card button:hover{filter:brightness(1.05)}