.auth-container{align-items:center;justify-content:center;background:#000;overflow:hidden;padding:0}.auth-container,.auth-split-container{min-height:100vh;display:flex;position:relative}.auth-split-container{width:100%}.auth-split-left{flex:1;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f1419);position:relative;display:flex;align-items:center;justify-content:center;padding:4rem 3rem;clip-path:polygon(0 0,100% 0,95% 100%,0 100%);overflow:hidden}.auth-split-left:before{top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 80% 10%,rgba(255,215,0,.12) 0,rgba(255,183,0,.08) 25%,transparent 50%),linear-gradient(0deg,rgba(220,38,38,.18),rgba(220,38,38,.12) 15%,transparent 40%),linear-gradient(5deg,rgba(255,59,48,.15),rgba(255,59,48,.09) 20%,transparent 45%),linear-gradient(355deg,rgba(239,68,68,.14),rgba(251,191,36,.1) 18%,rgba(255,215,0,.06) 35%,transparent 50%),radial-gradient(ellipse at 20% 100%,rgba(255,215,0,.14) 0,rgba(255,183,0,.08) 20%,transparent 40%),linear-gradient(180deg,rgba(99,102,241,.1),rgba(139,92,246,.08) 50%,transparent 70%),radial-gradient(ellipse at 50% 0,rgba(99,102,241,.12) 0,transparent 35%)}.auth-split-left:after,.auth-split-left:before{content:"";position:absolute;pointer-events:none;z-index:0}.auth-split-left:after{top:50%;left:52%;transform:translate(-50%,-50%);width:400px;height:400px;background-image:url(/images/watermark-logo.png);background-size:contain;background-repeat:no-repeat;background-position:50%;opacity:.15;filter:invert(1) brightness(1.5)}.auth-branding{position:relative;z-index:1;max-width:600px}.auth-branding-logo{width:80px;height:80px;margin-bottom:2rem;animation:fadeInScale .8s ease-out .2s both}.auth-branding-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.auth-branding-title{font-size:3.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;line-height:1.2;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInScale .8s ease-out .4s both}.auth-branding-subtitle{font-size:1.25rem;color:hsla(0,0%,100%,.7);margin-bottom:2rem;line-height:1.6;animation:fadeInScale .8s ease-out .6s both}.auth-branding-features{display:flex;flex-direction:column;gap:1rem;animation:fadeInScale .8s ease-out .8s both}.auth-branding-feature{display:flex;align-items:center;gap:1rem;color:hsla(0,0%,100%,.8);font-size:1rem}.auth-branding-feature-icon{width:24px;height:24px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;flex-shrink:0;color:#fff;font-size:.75rem}.auth-branding-feature-icon,.auth-split-right{display:flex;align-items:center;justify-content:center}.auth-split-right{flex:0 0 45%;background:#000;padding:3rem 2rem;position:relative}.auth-split-right:before{content:"";background:linear-gradient(135deg,rgba(246,92,166,.05),transparent 50%),linear-gradient(225deg,rgba(255,59,59,.05),transparent 50%)}.auth-background,.auth-split-right:before{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.auth-background{background:linear-gradient(135deg,rgba(246,92,166,.15),transparent 50%),linear-gradient(225deg,rgba(255,59,59,.1),transparent 50%),linear-gradient(315deg,rgba(16,185,129,.08),transparent 50%),linear-gradient(416deg,rgba(131,16,185,.08),transparent 50%)}.auth-card{position:relative;z-index:1;width:100%;max-width:600px;max-height:85vh;padding:2rem 2.5rem;background:hsla(0,0%,4%,.6);border:1px solid rgba(246,92,123,.2);border-radius:16px;backdrop-filter:blur(15px);box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 40px rgba(139,92,246,.05);animation:slideUp .6s ease-out;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;margin-bottom:1.5rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;text-decoration:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;animation:fadeInScale .6s ease-out 0s both;position:relative;overflow:hidden}.auth-back-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,215,0,.15),rgba(251,191,36,.12) 50%,rgba(239,68,68,.1));opacity:0;transition:opacity .3s ease;z-index:0}.auth-back-btn>*{position:relative;z-index:1}.auth-back-btn:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.5);color:#f55;transform:translateX(-2px);box-shadow:0 2px 8px rgba(239,68,68,.3)}.auth-back-btn:hover:before{opacity:1}.auth-back-btn:active{transform:translateX(-1px)}.auth-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem;text-align:center}.auth-logo{width:48px;height:48px;margin-bottom:1.5rem;background:linear-gradient(135deg,#dc2626,#ef4444);font-size:1.5rem;font-weight:700;color:#fff}.auth-logo,.auth-logo-container{display:flex;align-items:center;justify-content:center;border-radius:12px;animation:fadeInScale .6s ease-out .1s both}.auth-logo-container{width:60px;height:60px;margin:0 auto 1.5rem}.auth-logo-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.auth-title{font-size:1.75rem;font-weight:600;color:#fff;margin-bottom:.5rem;animation:fadeInScale .6s ease-out .2s both}.auth-subtitle{font-size:.95rem;color:hsla(0,0%,100%,.6);margin-bottom:.5rem;animation:fadeInScale .6s ease-out .3s both}.auth-link{color:#ef4444;text-decoration:none;cursor:pointer;transition:color .2s ease;font-weight:500}.auth-link:hover{color:#dc2626}.auth-form{animation:fadeInScale .6s ease-out .4s both}.form-field{margin-bottom:1.25rem;display:flex;flex-direction:column}.form-field label{font-size:.85rem;font-weight:500;color:hsla(0,0%,100%,.8);margin-bottom:.5rem;display:block}.form-field input,.form-field select{padding:.875rem 1rem;background:hsla(0,0%,100%,.05);border:2px solid rgba(239,68,68,.2);border-radius:8px;color:#fff;font-size:.95rem;font-family:inherit;backdrop-filter:blur(10px);transition:all .2s ease}.form-field input::-moz-placeholder,.form-field select::-moz-placeholder{color:hsla(0,0%,100%,.4)}.form-field input::placeholder,.form-field select::placeholder{color:hsla(0,0%,100%,.4)}.form-field input:focus,.form-field select:focus{outline:none;border-color:rgba(239,68,68,.5);background:hsla(0,0%,100%,.08);box-shadow:0 0 20px rgba(239,68,68,.2)}.form-field-password{position:relative}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;font-size:1rem;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s ease;margin-top:.875rem}.password-toggle:hover{color:hsla(0,0%,100%,.8)}.form-error{font-size:.8rem;color:#ef4444;margin-top:.4rem;display:flex;align-items:center;gap:.4rem;animation:shake .3s ease}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.form-checkbox{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.9rem;color:hsla(0,0%,100%,.7)}.form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#ef4444}.btn{padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:none;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit}.btn-primary{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:2px solid rgba(239,68,68,.3);margin-bottom:1rem;font-weight:600;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(220,38,38,.12),rgba(239,68,68,.1) 25%,rgba(251,191,36,.08) 50%,rgba(255,215,0,.1) 75%,rgba(255,165,0,.08));opacity:0;transition:opacity .4s ease;z-index:0}.btn-primary>*{position:relative;z-index:1}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,215,0,.2),0 4px 10px rgba(220,38,38,.1);border-color:rgba(255,215,0,.4)}.btn-primary:hover:not(:disabled):before{opacity:1}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:hsla(0,0%,100%,.05);color:#fff;border:2px solid rgba(239,68,68,.3);margin-bottom:1rem}.btn-secondary:hover:not(:disabled){background:hsla(0,0%,100%,.08);border-color:rgba(239,68,68,.5)}.btn-social{background:hsla(0,0%,100%,.05);color:#fff;border:2px solid rgba(239,68,68,.2);display:flex;align-items:center;justify-content:center;gap:.75rem;font-weight:500;width:100%;padding:.875rem;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-bottom:.75rem;position:relative;overflow:hidden}.btn-social:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(220,38,38,.08),rgba(239,68,68,.1) 30%,rgba(251,191,36,.08) 60%,rgba(255,215,0,.09));opacity:0;transition:opacity .4s ease;z-index:0}.btn-social>*{position:relative;z-index:1}.btn-social:hover:not(:disabled){border-color:rgba(255,215,0,.3);box-shadow:0 4px 12px rgba(255,215,0,.1),0 2px 6px rgba(220,38,38,.08)}.btn-social:hover:not(:disabled):before{opacity:1}.btn-social svg{width:18px;height:18px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-loading{position:relative}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border-radius:50%;border:2px solid hsla(0,0%,100%,.2);border-top-color:#fff;animation:authSpinner .8s linear infinite}@keyframes authSpinner{to{transform:rotate(1turn)}}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;color:hsla(0,0%,100%,.3);font-size:.85rem}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:rgba(239,68,68,.2)}.auth-divider span{padding:0 1rem}.auth-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(239,68,68,.1);text-align:center;font-size:.85rem;color:hsla(0,0%,100%,.6)}.auth-footer a{color:#ef4444;text-decoration:none;transition:color .2s ease}.auth-footer a:hover{color:#dc2626;text-decoration:underline}.password-strength{margin-top:.5rem}.strength-bar{width:100%;height:4px;background:hsla(0,0%,100%,.1);border-radius:2px;overflow:hidden;margin-bottom:.4rem}.strength-fill{height:100%;width:0;transition:width .3s ease;border-radius:2px}.strength-fill.weak{width:33%;background:#ef4444}.strength-fill.fair{width:66%;background:#fbbf24}.strength-fill.strong{width:100%;background:#10b981}.strength-text{font-size:.75rem;color:hsla(0,0%,100%,.6);display:flex;justify-content:space-between}.mfa-input-container{display:flex;gap:.75rem;justify-content:center;margin-bottom:2rem}.mfa-digit{width:50px;height:50px;text-align:center;font-size:1.5rem;font-weight:600;background:hsla(0,0%,100%,.05);border:2px solid rgba(239,68,68,.2);border-radius:8px;color:#fff;backdrop-filter:blur(10px);transition:all .2s ease}.mfa-digit:focus{outline:none;border-color:rgba(239,68,68,.5);box-shadow:0 0 20px rgba(239,68,68,.2)}.success-checkmark{animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.auth-split-container{flex-direction:column}.auth-split-left{clip-path:polygon(0 0,100% 0,100% 95%,0 100%);min-height:40vh;padding:3rem 2rem}.auth-split-left:after{width:250px;height:250px;left:50%;opacity:.12}.auth-branding-title{font-size:2.5rem}.auth-branding-subtitle{font-size:1rem}.auth-branding-logo{width:60px;height:60px}.auth-split-right{flex:1;padding:2rem 1.5rem}.auth-card{padding:2rem 1.5rem;max-width:100%}.auth-title{font-size:1.5rem}.auth-container{padding:0}.btn{font-size:.9rem;padding:.8rem 1.25rem}.form-field input,.form-field select{font-size:16px}}@media (max-width:480px){.auth-card{padding:1.5rem 1rem;border-radius:12px}.auth-title{font-size:1.35rem}.auth-header{margin-bottom:2rem}.form-field{margin-bottom:1rem}.mfa-digit{width:45px;height:45px;font-size:1.25rem}.mfa-input-container{gap:.5rem}}@media (prefers-reduced-motion:reduce){.auth-card,.auth-form,.auth-logo,.auth-subtitle,.auth-title,.form-error,.password-strength-fill,.success-checkmark{animation:none}.btn,.form-field input,.form-field select,.password-toggle{transition:none}}.otp-input-container{margin:24px 0}.otp-input-wrapper{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.otp-digit-input{width:48px;height:56px;font-size:24px;font-weight:600;text-align:center;border:2px solid hsla(0,0%,100%,.2);border-radius:8px;background:hsla(0,0%,100%,.05);color:#fff;backdrop-filter:blur(8px);transition:all .3s ease;font-family:Monaco,Menlo,monospace;letter-spacing:4px}.otp-digit-input:focus{outline:none;border-color:#ef4444;background:rgba(239,68,68,.1);box-shadow:0 0 0 3px rgba(239,68,68,.2)}.otp-digit-input:disabled{opacity:.5;cursor:not-allowed;background:hsla(0,0%,100%,.02)}.otp-digit-input.error{border-color:#ff3b3b;background:rgba(255,59,59,.1);animation:shake .3s ease}.otp-error-message{text-align:center;color:#ff3b3b;font-size:14px;margin-top:12px;animation:slideUp .3s ease}.otp-verification-form{display:flex;flex-direction:column;gap:24px;animation:slideUp .6s ease-out}.otp-header{text-align:center;margin-bottom:8px}.otp-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.otp-subtitle{font-size:14px;color:hsla(0,0%,100%,.7);line-height:1.5}.otp-email{color:#06b6d4;font-weight:500;background:rgba(6,182,212,.1);padding:2px 6px;border-radius:4px}.otp-input-section{display:flex;flex-direction:column;gap:12px}.otp-label{font-size:14px;font-weight:500;color:hsla(0,0%,100%,.8);text-transform:uppercase;letter-spacing:.5px}.otp-error-box{background:rgba(255,59,59,.1);border:1px solid rgba(255,59,59,.3);border-radius:6px;color:#ff7070;text-align:center}.otp-error-box,.otp-warning{padding:12px 16px;font-size:13px;animation:slideUp .3s ease}.otp-warning{display:flex;align-items:center;gap:10px;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:6px;color:#fcd34d}.otp-warning-icon{font-size:16px;flex-shrink:0}.otp-warning-text{flex:1}.otp-expired-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(255,59,59,.1);border:1px solid rgba(255,59,59,.3);border-radius:6px;font-size:13px;color:#ff7070;animation:slideUp .3s ease}.otp-expired-icon{font-size:16px;flex-shrink:0}.otp-attempts-exceeded{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(255,59,59,.1);border:1px solid rgba(255,59,59,.3);border-radius:6px;font-size:13px;color:#ff7070;animation:slideUp .3s ease}.otp-attempts-icon{font-size:16px;flex-shrink:0}.otp-submit-btn{margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px}.spinner-mini{display:inline-block;width:14px;height:14px;border:2px solid hsla(0,0%,100%,.2);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.otp-resend-section{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:12px;border-top:1px solid hsla(0,0%,100%,.1)}.otp-resend-text{font-size:13px;color:hsla(0,0%,100%,.6);margin:0}.btn-resend{background:transparent;border:1px solid rgba(239,68,68,.5);color:#ef4444;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-resend:hover:not(:disabled){border-color:#ef4444;background:rgba(239,68,68,.1)}.btn-resend:disabled{opacity:.5;cursor:not-allowed}.btn-back-to-login{background:transparent;border:none;color:rgba(6,182,212,.8);padding:8px 12px;font-size:13px;cursor:pointer;transition:all .3s ease;align-self:flex-start;margin-top:-8px}.btn-back-to-login:hover{color:#06b6d4;text-decoration:underline}.otp-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:6px;font-size:12px;color:hsla(0,0%,100%,.7);line-height:1.4;margin-top:-8px}.otp-info-icon{font-size:14px;flex-shrink:0;margin-top:1px}.otp-info-text{margin:0}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.otp-input-wrapper{gap:8px}.otp-digit-input{width:40px;height:48px;font-size:20px;letter-spacing:2px}.otp-title{font-size:20px}.otp-subtitle{font-size:13px}}@media (prefers-color-scheme:light){.auth-container{background:#000}}