.gate-container{background-color:#0a0a0f;background-image:radial-gradient(80% 60% at 50% 0,#3b82f614 0%,#0000 60%),radial-gradient(60% 40% at 80% 100%,#8b9e7c0f 0%,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.gate-particles{pointer-events:none;position:absolute;inset:0}.gate-particle{background:#ffffff26;border-radius:50%;width:3px;height:3px;animation:linear infinite particleFloat;position:absolute;bottom:-20px}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)scale(.5)}}.gate-content{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:460px;padding:24px;animation:.8s ease-out fadeInUp;display:flex;position:relative}.gate-logo{align-items:center;gap:12px;margin-bottom:48px;display:flex}.gate-logo-icon{justify-content:center;align-items:center;display:flex}.gate-logo-text{color:#ffffffe6;letter-spacing:-.02em;font-size:22px;font-weight:700}.gate-card{-webkit-backdrop-filter:blur(20px);text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;width:100%;padding:40px 32px}.gate-badge{color:#a8b89a;text-transform:uppercase;letter-spacing:.05em;background:#8b9e7c1f;border:1px solid #8b9e7c33;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.gate-badge-dot{background:#8b9e7c;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}.gate-title{color:#fff;letter-spacing:-.03em;margin:0 0 12px;font-size:28px;font-weight:800;line-height:1.2}.gate-subtitle{color:#ffffff73;margin:0 0 32px;font-size:15px;line-height:1.6}.gate-form{flex-direction:column;gap:12px;display:flex}.gate-input-wrapper{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:0 16px;transition:all .25s;display:flex}.gate-input-wrapper:focus-within{background:#ffffff14;border-color:#ffffff40;box-shadow:0 0 0 3px #ffffff0a}.gate-input-error{background:#ef44440f!important;border-color:#ef444480!important}.gate-input-icon{color:#ffffff4d;flex-shrink:0}.gate-input{color:#fff;letter-spacing:.05em;flex:1;padding:14px 0;font-size:15px;font-weight:500;background:0 0!important;border:none!important;outline:none!important}.gate-input::placeholder{color:#ffffff40;letter-spacing:0}.gate-error{color:#ef4444;margin:0;font-size:13px;animation:.3s ease-out fadeInUp}.gate-button{color:#0a0a0f;cursor:pointer;background:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.gate-button:hover:not(:disabled){background:#f0f0f0;transform:translateY(-1px);box-shadow:0 4px 20px #ffffff1a}.gate-button:active:not(:disabled){transform:translateY(0)}.gate-button:disabled{opacity:.4;cursor:not-allowed}.gate-button-loading{align-items:center;gap:10px;display:flex}.gate-spinner{border:2px solid #0a0a0f33;border-top-color:#0a0a0f;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.gate-shake{animation:.6s ease-out shakeInput}@keyframes shakeInput{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(2px)}75%{transform:translate(-1px)}}.gate-footer{color:#fff3;margin-top:32px;font-size:12px}@media (max-width:480px){.gate-card{border-radius:16px;padding:32px 24px}.gate-title{font-size:24px}.gate-subtitle{font-size:14px}}