body{background-color:#212529}.bg-light-dark{background-color:#5a5e61}#root{display:flex;flex-direction:column;min-height:100vh}.container{flex:1}.verify-otp-container,.activate-container,.resend-container,.reset-password-container,.reset-confirm-container{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem}.verify-otp-card,.activate-card,.resend-card,.reset-password-card,.reset-confirm-card{background-color:#5a5e61;padding:2.5rem;border-radius:1rem;width:100%;max-width:450px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff}.verify-otp-header,.activate-header,.resend-header,.reset-password-header,.reset-confirm-header{text-align:center;margin-bottom:2rem}.icon-wrapper{width:80px;height:80px;background-color:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.icon-wrapper.success{color:#4ade80}.icon-wrapper.error{color:#f87171}.icon-wrapper.loading{color:#60a5fa}.icon{color:#fff}.otp-inputs{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.otp-input{width:3rem;height:3.5rem;text-align:center;font-size:1.5rem;font-weight:700;border:2px solid rgba(255,255,255,.2);border-radius:.5rem;background-color:#0003;color:#fff;transition:all .2s}.otp-input:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 2px #60a5fa4d}.otp-input.error{border-color:#f87171;color:#f87171}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#9ca3af;pointer-events:none}.input-wrapper input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background-color:#0003;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#fff;font-size:1rem;transition:all .2s}.input-wrapper input:focus{outline:none;border-color:#60a5fa;background-color:#0000004d}.input-wrapper input.input-error{border-color:#f87171}.toggle-password{position:absolute;right:1rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:0}.toggle-password:hover{color:#fff}.error-text{color:#f87171;font-size:.875rem;margin-top:.25rem;display:block}.password-strength{margin-top:.5rem}.strength-bar{height:4px;background-color:#ffffff1a;border-radius:2px;margin-bottom:.25rem;overflow:hidden}.strength-fill{height:100%;transition:all .3s ease}.strength-label{font-size:.75rem;font-weight:500}.password-requirements{margin-top:1rem;background-color:#0003;padding:1rem;border-radius:.5rem}.requirements-title{font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:#d1d5db}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{font-size:.75rem;color:#9ca3af;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.password-requirements li:before{content:"•";color:#6b7280}.password-requirements li.valid{color:#4ade80}.password-requirements li.valid:before{content:"✓";color:#4ade80}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.back-button{background:none;border:none;color:#d1d5db;cursor:pointer;padding:.5rem;position:absolute;top:1rem;left:1rem;border-radius:50%;transition:background-color .2s}.back-button:hover{background-color:#ffffff1a;color:#fff}.success-message{color:#86efac;margin-top:1rem}.error-message{color:#fca5a5;margin-top:1rem}.resend-footer,.activate-footer,.reset-password-footer,.reset-confirm-footer,.verify-otp-footer{text-align:center;margin-top:1.5rem;font-size:.9rem}.resend-footer a,.activate-footer a,.reset-password-footer a,.reset-confirm-footer a{color:#60a5fa;text-decoration:none}.resend-footer a:hover,.activate-footer a:hover,.reset-password-footer a:hover,.reset-confirm-footer a:hover{text-decoration:underline}.link-button{background:none;border:none;color:#60a5fa;text-decoration:underline;cursor:pointer;padding:0;font:inherit}