.OTPVerification-module__hKVW-a__container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.OTPVerification-module__hKVW-a__card{background:#fff;border-radius:16px;width:100%;max-width:500px;padding:40px;box-shadow:0 20px 60px #0000004d}.OTPVerification-module__hKVW-a__title{color:#1a202c;text-align:center;margin-bottom:12px;font-size:28px;font-weight:700}.OTPVerification-module__hKVW-a__subtitle{color:#718096;text-align:center;margin-bottom:32px;font-size:14px;line-height:1.6}.OTPVerification-module__hKVW-a__subtitle strong{color:#2d3748;font-weight:600}.OTPVerification-module__hKVW-a__form{flex-direction:column;gap:24px;display:flex}.OTPVerification-module__hKVW-a__otpInputs{justify-content:center;gap:12px;margin-bottom:8px;display:flex}.OTPVerification-module__hKVW-a__otpInput{text-align:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;outline:none;width:56px;height:56px;font-size:24px;font-weight:600;transition:all .2s}.OTPVerification-module__hKVW-a__otpInput:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.OTPVerification-module__hKVW-a__otpInput:disabled{cursor:not-allowed;opacity:.6;background:#f1f1f1}.OTPVerification-module__hKVW-a__timer{text-align:center;background:#f7fafc;border-radius:8px;margin-top:-8px;padding:8px}.OTPVerification-module__hKVW-a__timer p{color:#4a5568;margin:0;font-size:14px}.OTPVerification-module__hKVW-a__timer strong{color:#667eea;font-weight:600}.OTPVerification-module__hKVW-a__expired{color:#e53e3e!important;font-weight:600!important}.OTPVerification-module__hKVW-a__error{color:#c53030;background:#fff5f5;border-left:4px solid #e53e3e;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500}.OTPVerification-module__hKVW-a__success{color:#2f855a;background:#f0fff4;border-left:4px solid #38a169;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500}.OTPVerification-module__hKVW-a__verifyButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 14px #667eea66}.OTPVerification-module__hKVW-a__verifyButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.OTPVerification-module__hKVW-a__verifyButton:active:not(:disabled){transform:translateY(0)}.OTPVerification-module__hKVW-a__verifyButton:disabled{cursor:not-allowed;box-shadow:none;opacity:.6;background:#cbd5e0}.OTPVerification-module__hKVW-a__actions{justify-content:space-between;gap:12px;display:flex}.OTPVerification-module__hKVW-a__resendButton,.OTPVerification-module__hKVW-a__backButton{cursor:pointer;border:2px solid #0000;border-radius:10px;flex:1;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s}.OTPVerification-module__hKVW-a__resendButton{color:#667eea;background:#fff;border-color:#667eea}.OTPVerification-module__hKVW-a__resendButton:hover:not(:disabled){color:#fff;background:#667eea}.OTPVerification-module__hKVW-a__resendButton:disabled{opacity:.5;cursor:not-allowed}.OTPVerification-module__hKVW-a__backButton{color:#4a5568;background:#f7fafc;border-color:#e2e8f0}.OTPVerification-module__hKVW-a__backButton:hover{background:#e2e8f0}.OTPVerification-module__hKVW-a__footer{text-align:center;border-top:1px solid #e2e8f0;margin-top:24px;padding-top:24px}.OTPVerification-module__hKVW-a__footer p{color:#718096;margin:0;font-size:13px}@media (max-width:600px){.OTPVerification-module__hKVW-a__card{padding:30px 24px}.OTPVerification-module__hKVW-a__title{font-size:24px}.OTPVerification-module__hKVW-a__otpInputs{gap:8px}.OTPVerification-module__hKVW-a__otpInput{width:48px;height:48px;font-size:20px}.OTPVerification-module__hKVW-a__actions{flex-direction:column}.OTPVerification-module__hKVW-a__resendButton,.OTPVerification-module__hKVW-a__backButton{width:100%}}@keyframes OTPVerification-module__hKVW-a__slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.OTPVerification-module__hKVW-a__success,.OTPVerification-module__hKVW-a__error{animation:.3s OTPVerification-module__hKVW-a__slideIn}
.register-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}.register-page .register-container{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:3rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}.register-page .register-container:before{content:"";background:linear-gradient(90deg,#007bff,#007991);height:4px;position:absolute;top:0;left:0;right:0}.register-page .register-container .register-header{text-align:center;margin-bottom:2rem}.register-page .register-container .register-header .register-title{color:#1a1a1a;background:linear-gradient(135deg,#007bff,#007991);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.register-page .register-container .register-header .register-subtitle{color:#999;margin:0;font-size:1rem;font-weight:400}.register-page .register-container .register-form .form-group{margin-bottom:1.5rem}.register-page .register-container .register-form .form-group .form-label{color:#1a1a1a;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.register-page .register-container .register-form .form-group .password-input-wrapper{align-items:center;display:flex;position:relative}.register-page .register-container .register-form .form-group .password-input-wrapper .form-input{flex:1;padding-right:3rem}.register-page .register-container .register-form .form-group .password-input-wrapper .password-toggle{cursor:pointer;color:#999;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:color .3s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.register-page .register-container .register-form .form-group .password-input-wrapper .password-toggle:hover{color:#007bff}.register-page .register-container .register-form .form-group .password-input-wrapper .password-toggle .eye-icon{width:20px;height:20px}.register-page .register-container .register-form .form-group .form-input{color:#1a1a1a;background-color:#fff;border:2px solid #e9ecef;border-radius:6px;width:100%;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;transition:all .3s}.register-page .register-container .register-form .form-group .form-input:focus{border-color:#007bff;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #007bff1a}.register-page .register-container .register-form .form-group .form-input::placeholder{color:#999}.register-page .register-container .register-form .form-group .form-input:invalid{border-color:#dc3545}.register-page .register-container .register-form .form-group .form-error{color:#dc3545;margin-top:.25rem;font-size:.75rem;display:none}.register-page .register-container .register-form .form-group .form-error.visible{display:block}.register-page .register-container .register-form .form-actions{margin-top:2rem}.register-page .register-container .register-form .form-actions .register-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#007bff,#007991);border:none;border-radius:6px;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.register-page .register-container .register-form .form-actions .register-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 2px 10px #0000001a}.register-page .register-container .register-form .form-actions .register-button:active:not(:disabled){transform:translateY(0)}.register-page .register-container .register-form .form-actions .register-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.register-page .register-container .register-form .form-actions .register-button .button-text{z-index:1;position:relative}.register-page .register-container .register-form .form-actions .register-button .button-loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.register-page .register-container .register-form .form-footer{text-align:center;border-top:1px solid #e9ecef;margin-top:1.5rem;padding-top:1.5rem}.register-page .register-container .register-form .form-footer .login-link{color:#007bff;font-weight:500;text-decoration:none;transition:color .3s}.register-page .register-container .register-form .form-footer .login-link:hover{color:#0056b3;text-decoration:underline}.register-page .register-container .register-decoration{z-index:0;background:linear-gradient(45deg,#007bff1a,#0079911a);border-radius:50%;width:100px;height:100px;position:absolute;top:-50px;right:-50px}.register-page .register-container .register-decoration:after{content:"";background:linear-gradient(45deg,#28a7451a,#007bff1a);border-radius:50%;width:60px;height:60px;position:absolute;bottom:-30px;left:-30px}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@media (max-width:768px){.register-page{padding:1rem}.register-page .register-container{max-width:100%;margin:0 1rem;padding:2rem}.register-page .register-container .register-header .register-title{font-size:1.75rem}.register-page .register-container .register-form .form-group .form-input,.register-page .register-container .register-form .form-actions .register-button{padding:.5rem 1rem}}@media (max-width:576px){.register-page{padding:.5rem}.register-page .register-container{margin:0 .5rem;padding:1.5rem}.register-page .register-container .register-header{margin-bottom:1.5rem}.register-page .register-container .register-header .register-title{font-size:1.5rem}.register-page .register-container .register-form .form-group{margin-bottom:1rem}}
