body {height:100vh;background:linear-gradient(135deg, #7ed957 0%, #198754 100%) !important;display:flex;justify-content:center;align-items:center;}.login-box {max-width:350px;width:100%;background:white;padding:1.5rem;border-radius:10px;box-shadow:0 5px 15px rgba(0, 0, 0, 0.2);text-align:center;animation:fadeInDown 0.5s;}.otp-input-container {margin:0 auto;}.otp-digit {width:42px;height:42px;font-size:20px;font-weight:bold;padding:0;border:2px solid #dee2e6;border-radius:8px;transition:all 0.2s ease;}.otp-digit:focus {border-color:var(--bs-primary);box-shadow:0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);outline:none;}.otp-digit:disabled {background-color:#e9ecef;cursor:not-allowed;}@media (max-width:575px) {.otp-digit {width:42px;height:42px;font-size:20px;}.otp-input-container {gap:0.5rem !important;}}@media (min-width:576px) {.otp-digit {width:48px;height:48px;font-size:22px;}.otp-input-container {gap:0.625rem !important;}}@media (min-width:768px) {.otp-digit {width:48px;height:48px;font-size:22px;}}@media (min-width:992px) {.otp-digit {width:52px;height:52px;font-size:24px;}}@media (min-width:1200px) {.otp-digit {width:56px;height:56px;font-size:26px;}}@media (min-width:1400px) {.otp-digit {width:60px;height:60px;font-size:28px;}}@media (min-width:576px) {.login-box {max-width:390px;}}@media (min-width:768px) {.login-box {max-width:390px;}}@media (min-width:992px) {.login-box {max-width:410px;}}@media (min-width:1200px) {.login-box {max-width:430px;}}@media (min-width:1400px) {.login-box {max-width:450px;}}.login-logo {max-width:250px;margin:0.5rem auto 1.5rem auto;}.form-control {text-align:center;}