@charset "UTF-8";.otp-verification-page{background-color:#f1f1f1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;margin:0;padding:20px}@media (max-width:768px){.otp-verification-page{padding:10px}}.otp-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin:50px auto;max-width:500px;overflow:hidden}@media (max-width:768px){.otp-container{border-radius:4px;margin:20px auto}}@media (max-width:480px){.otp-container{margin:10px;max-width:none}}.otp-form-wrapper{padding:40px;text-align:center}@media (max-width:768px){.otp-form-wrapper{padding:30px 20px}}.otp-form-wrapper h2{color:#333;font-size:24px;font-weight:600;margin-bottom:10px}@media (max-width:480px){.otp-form-wrapper h2{font-size:20px}}.otp-form-wrapper p{color:#666;font-size:16px;line-height:1.5;margin-bottom:30px}@media (max-width:480px){.otp-form-wrapper p{font-size:14px;margin-bottom:20px}}.otp-form-wrapper p strong{color:#333;font-weight:600}.otp-input-group{margin-bottom:20px}.otp-input-group label{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:8px}@media (max-width:480px){.otp-input-group label{font-size:14px}}.otp-input-group input[type=text]{background-color:#fafafa;border:2px solid #ddd;border-radius:4px;font-size:18px;font-weight:600;letter-spacing:4px;max-width:200px;padding:12px 16px;text-align:center;transition:all .3s ease;width:100%}@media (max-width:480px){.otp-input-group input[type=text]{font-size:16px;letter-spacing:3px;max-width:180px;padding:10px 12px}}.otp-input-group input[type=text]:focus{background-color:#fff;border-color:#0073aa;box-shadow:0 0 0 3px rgba(0,115,170,.1);outline:none}.otp-input-group input[type=text]:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.otp-input-group input[type=text]::-moz-placeholder{color:#ccc;letter-spacing:2px}.otp-input-group input[type=text]::placeholder{color:#ccc;letter-spacing:2px}.otp-timer{background:#f8f9fa;border-left:4px solid #0073aa;border-radius:4px;color:#666;font-size:14px;margin:20px 0;padding:15px}@media (max-width:480px){.otp-timer{font-size:13px;margin:15px 0;padding:12px}}.otp-timer .countdown{color:#d63384;display:block;font-weight:600;margin-bottom:5px}.otp-timer .resend-timer{color:#6c757d;font-weight:500}.otp-timer.expired{background:#fff3cd;border-left-color:#ffc107}.otp-timer.expired .countdown{color:#856404}.otp-timer.warning{background:#fff3cd;border-left-color:#ffc107}.otp-timer.warning .countdown{color:#856404}:is(.btn,.button,button,[type=submit],[type=button]){align-items:center;background-color:#f3f3f3;border:0 solid #e9e9e9;border-radius:0;box-shadow:unset;color:#3e3e3e;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-style:unset;font-weight:600;gap:5px;justify-content:center;line-height:1.2;min-height:42px;outline:none;padding:5px 20px;position:relative;text-align:center;text-decoration:none;text-shadow:none;text-transform:uppercase;transition:all .25s ease;vertical-align:middle}.button{background-color:var(--btn-accented-bgcolor);border-radius:var(--btn-accented-brd-radius);box-shadow:var(--btn-accented-box-shadow);color:var(--btn-accented-color);font-family:inherit;font-style:unset;font-weight:600;text-transform:uppercase;width:100%}.button:hover{background-color:var(--btn-accented-bgcolor-hover);box-shadow:var(--btn-accented-box-shadow-hover);color:var(--btn-accented-color-hover)}.otp-buttons{display:flex;flex-wrap:nowrap;gap:10px;justify-content:center;margin-top:20px}@media (max-width:480px){.otp-buttons{flex-direction:column;gap:8px}}.otp-message{border-radius:4px;display:none;font-size:14px;line-height:1.4;margin-top:20px;padding:12px 16px;text-align:center}@media (max-width:480px){.otp-message{font-size:13px;padding:10px 12px}}.otp-message.success{background:#d1e7dd;border:1px solid #badbcc;color:#0f5132;display:block}.otp-message.success:before{content:"✓ ";font-weight:700}.otp-message.error{background:#f8d7da;border:1px solid #f5c2c7;color:#842029;display:block}.otp-message.error:before{content:"⚠ ";font-weight:700}.otp-message.info{background:#d1ecf1;border:1px solid #bee5eb;color:#055160;display:block}.otp-message.info:before{content:"ℹ ";font-weight:700}.loading{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#0073aa;display:inline-block;height:16px;margin-left:8px;vertical-align:middle;width:16px}@media (max-width:480px){.loading{height:14px;margin-left:6px;width:14px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.back-link{margin-top:30px;text-align:center}@media (max-width:480px){.back-link{margin-top:20px}}.back-link a{color:#0073aa;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s ease}.back-link a:hover{color:#005a87;text-decoration:underline}.back-link a:focus{border-radius:2px;outline:2px solid #0073aa;outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.otp-container,.otp-input-group input[type=text]{border:2px solid #000}.otp-input-group input[type=text]:focus{border-color:#0073aa;outline:2px solid #0073aa}.button-primary{background:#000;border:1px solid #000}.button-primary:hover{background:#333}}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #0073aa;outline-offset:2px}@media print{.otp-verification-page{background:#fff}.otp-container{border:1px solid #000;box-shadow:none}.back-link,.otp-buttons{display:none}}