.grain-overlay{position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;z-index:1;mix-blend-mode:overlay}.loading-pulse{animation:loadingPulse 2s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:.3}50%{opacity:1}}.login-container{position:absolute;top:0;left:0;width:50%;height:100vh;padding:0 8%;background:transparent;display:flex;flex-direction:column;justify-content:center;z-index:10;transition:left .7s cubic-bezier(.16,1,.3,1)}.login-container.mode-register{left:50%}.form-wrapper{width:100%;max-width:420px;margin:40px auto 0}.auth-switcher{display:flex;gap:6px;padding:6px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:rgba(255,255,255,.03);margin-bottom:30px}.auth-switcher button{flex:1;background:transparent;border:none;color:rgba(255,255,255,.32);font-family:Courier New,monospace;font-size:8px;letter-spacing:.16em;padding:10px;border-radius:999px;cursor:pointer;transition:all .25s ease;text-transform:uppercase}.auth-switcher button.active{color:#fff;background:rgba(255,107,0,.15);border:1px solid rgba(255,107,0,.25);text-shadow:0 0 8px rgba(255,107,0,.4)}.steps-bar{justify-content:space-between;margin-bottom:25px}.step,.steps-bar{display:flex;align-items:center}.step{flex-direction:column;gap:6px;font-family:Courier New,monospace;font-size:8px;letter-spacing:.1em;color:rgba(255,255,255,.3)}.step.active{color:#FFD700}.step.done{color:#00FF88}.step-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.2);transition:all .3s}.step.active .step-dot{background:#FFD700;box-shadow:0 0 8px #FFD700}.step.done .step-dot{background:#00FF88}.step-line{flex:1;height:1px;background:rgba(255,255,255,.08);margin:0 10px;transform:translateY(-7px)}.login-container h2{font-family:Arial Black,sans-serif;font-size:3.5rem;line-height:1;letter-spacing:.04em;margin-bottom:24px;background:linear-gradient(135deg,#FF006E,#FFD700,#FF6B00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.input-group{position:relative;margin-bottom:22px}.input-group input,.prefix-select{width:100%;padding:15px 18px;background:rgba(255,255,255,.02);border:1px solid rgba(255,107,0,.2);border-radius:12px;outline:none;font-family:Courier New,monospace;font-size:11px;color:#fff;letter-spacing:.05em;transition:all .3s ease}.input-group input:focus{border-color:#FF6B00;background:rgba(255,107,0,.04);box-shadow:0 0 15px rgba(255,107,0,.15)}.input-group input.invalid{border-color:#FF006E!important}.input-group label.floater{position:absolute;top:50%;left:18px;transform:translateY(-50%);font-family:Courier New,monospace;font-size:9px;letter-spacing:.15em;color:rgba(255,255,255,.4);text-transform:uppercase;pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.input-group input:focus~label.floater,.input-group input:valid~label.floater,.input-group input[type=date]~label.floater{top:-8px;left:12px;transform:translateY(0) scale(.9);padding:0 6px;background:#08000a;color:#FFD700}.field-msg{display:block;font-family:Courier New,monospace;font-size:8px;margin-top:4px;letter-spacing:.05em}.field-msg.err{color:#FF006E}.gender-selector{display:flex;gap:8px;margin-top:5px}.gender-btn{flex:1;padding:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;font-family:Courier New,monospace;font-size:8px;cursor:pointer;transition:all .2s}.gender-btn.active{border-color:#FF6B00;background:rgba(255,107,0,.1);color:#FFD700;box-shadow:0 0 10px rgba(255,107,0,.1)}.strength-wrap{margin-top:8px}.strength-bar{height:3px;background:rgba(255,255,255,.05);border-radius:2px;overflow:hidden}.strength-fill{height:100%;width:0;background:transparent;transition:width .3s}.strength-label{letter-spacing:.1em}.pass-rules,.strength-label{font-size:8px;font-family:Courier New,monospace}.pass-rules{display:flex;flex-direction:column;gap:4px;margin-top:8px;opacity:.5}.rule.ok{color:#00FF88;opacity:1}.btn-row{display:flex;gap:12px;margin-top:15px}.btn-login{width:100%;padding:16px;background:linear-gradient(135deg,#FF006E,#FF6B00);border:1px solid rgba(255,255,255,.1);border-radius:100px;color:#fff;font-family:Courier New,monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:transform .35s ease,box-shadow .35s ease;box-shadow:0 14px 42px rgba(255,107,0,.15)}.btn-login:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(255,0,110,.3)}.btn-back{flex:1;padding:16px;border-radius:100px;background:transparent;border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.5);font-family:Courier New,monospace;font-size:9px;cursor:pointer}.success-state{text-align:center}.success-state h3{font-family:Arial Black,sans-serif;font-size:2.5rem;color:#00FF88;margin-bottom:8px}.success-state p{font-family:Courier New,monospace;font-size:10px;opacity:.6;line-height:1.6}.otp-container{display:flex;flex-direction:column;align-items:center;gap:20px}.otp-inputs{display:flex;gap:10px;justify-content:center}.otp-input{width:42px;height:52px;text-align:center;background:rgba(255,255,255,.02);border:1px solid rgba(255,107,0,.2);border-radius:12px;outline:none;font-family:Courier New,monospace;font-size:18px;font-weight:700;color:#FFD700;letter-spacing:0;transition:all .3s ease}.otp-input:focus{border-color:#FF6B00;background:rgba(255,107,0,.04);box-shadow:0 0 15px rgba(255,107,0,.15);transform:translateY(-2px)}.otp-input.complete{border-color:#00FF88;box-shadow:0 0 12px rgba(0,255,136,.2)}.otp-resend{background:transparent;border:none;color:rgba(255,120,50,.7);font-family:Courier New,monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color .25s ease}.otp-resend:hover{color:#ff6020}.otp-resend:disabled{opacity:.4;cursor:not-allowed}.otp-info{font-family:Courier New,monospace;font-size:9px;color:rgba(255,255,255,.4);text-align:center;line-height:1.6}footer.interactive{position:fixed;bottom:24px;right:24px;display:flex;gap:10px;z-index:20}.btn-minimal{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.4);padding:10px 18px;border-radius:100px;cursor:pointer;font-family:Courier New,monospace;font-size:8px;text-transform:uppercase}.btn-minimal:hover{border-color:rgba(255,107,0,.4);color:rgba(255,255,255,.9)}@media (max-width:900px){.login-container{width:100%!important;left:0!important;padding:0 6%}}