.otp-verification-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#fff}.otp-verification-container .otp-content{background-color:#fff;padding:2.5rem 2rem;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.07);text-align:center;width:100%;max-width:460px}.otp-verification-container .otp-content .otp-title{font-size:1.75rem;font-weight:700;color:#111827;margin-bottom:.75rem}.otp-verification-container .otp-content .otp-description{font-size:.9rem;font-weight:400;color:#64748b;margin-bottom:2rem;line-height:1.6}.otp-verification-container .otp-content .otp-description strong{font-weight:600;color:#374151}.otp-verification-container .otp-content .otp-input-container{margin-bottom:1.5rem;text-align:left}.otp-verification-container .otp-content .otp-input-container .field-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:6px;display:block}.otp-verification-container .otp-content .otp-input-container .otp-input .MuiOutlinedInput-root{background-color:#f0f4f9;border-radius:12px}.otp-verification-container .otp-content .otp-input-container .otp-input .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#e2e8f0}.otp-verification-container .otp-content .otp-input-container .otp-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#94a3b8}.otp-verification-container .otp-content .otp-input-container .otp-input .MuiOutlinedInput-root.Mui-focused{background-color:#eaf7ee}.otp-verification-container .otp-content .otp-input-container .otp-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#2db943;border-width:1.5px}.otp-verification-container .otp-content .otp-input-container .otp-input input{padding:13px 16px;text-align:center;letter-spacing:.5rem;font-size:1.25rem;font-weight:500;font-family:var(--font-inter),sans-serif;color:#1e293b}.otp-verification-container .otp-content .otp-input-container .otp-input input::-moz-placeholder{color:#94a3b8;opacity:1;letter-spacing:.1rem}.otp-verification-container .otp-content .otp-input-container .otp-input input::placeholder{color:#94a3b8;opacity:1;letter-spacing:.1rem}.otp-verification-container .otp-content .verify-button{background-color:#2db943;color:#fff;padding:14px;border-radius:10px;font-size:1rem;font-weight:600;font-family:var(--font-inter),sans-serif;text-transform:none;box-shadow:none;margin-bottom:1.5rem;transition:background .2s}.otp-verification-container .otp-content .verify-button:hover{background-color:#25a33a;box-shadow:none}.otp-verification-container .otp-content .verify-button.Mui-disabled{background-color:#e5e7eb;color:#9ca3af}.otp-verification-container .otp-content .resend-container{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:#64748b;font-size:.875rem}.otp-verification-container .otp-content .resend-container .resend-button{color:#2db943;font-family:var(--font-inter),sans-serif;font-weight:500;font-size:.875rem;text-transform:none;padding:4px 8px}.otp-verification-container .otp-content .resend-container .resend-button.Mui-disabled{color:#9ca3af}@media(max-width:520px){.otp-verification-container{align-items:flex-start;padding:2rem 1rem 1rem}.otp-verification-container .otp-content{padding:1.75rem 1.25rem}.otp-verification-container .otp-content .otp-title{font-size:1.4rem}}