.otp-input{width:48px;height:56px;text-align:center;font-size:22px;font-weight:600;background-color:#f8f9fa;color:#212529;border:2px solid #adb5bd;border-radius:10px;outline:none;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.08)}.otp-input:focus,.otp-input:hover{border-color:#0d6efd}.otp-input:focus{background-color:#ffffff;box-shadow:0 0 0 3px rgba(13,110,253,.25)}.otp-input::placeholder{color:#6c757d;font-size:20px}.otp-input:not(:placeholder-shown){background-color:#ffffff;border-color:#0d6efd}.auth-card{border:none;border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,.1);background:white;overflow:hidden}.auth-header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;padding:2rem;text-align:center}.auth-icon{font-size:3rem;margin-bottom:1rem}.btn-primary{background:var(--primary-color);border:none;padding:12px 30px;font-weight:600;border-radius:10px;transition:all .3s}.btn-primary:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 5px 15px rgba(67,97,238,.4)}.form-control{border-radius:10px;padding:12px 15px;border:2px solid #e9ecef;transition:all .3s}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 .25rem rgba(67,97,238,.25)}.countdown-timer{color:var(--primary-color);font-weight:700;font-size:1.1rem}.phone-input-group .form-control{border-top-right-radius:0;border-bottom-right-radius:0}.phone-input-group .input-group-text{border-top-left-radius:10px;border-bottom-left-radius:10px;background:#f8f9fa;border:2px solid #e9ecef;border-right:none}.resend-btn{background:none;border:none;color:var(--primary-color);font-weight:600;cursor:pointer;text-decoration:underline}.resend-btn:disabled{color:#6c757d;cursor:not-allowed}.progress-bar{background-color:var(--primary-color);transition:width .3s ease}.otp-abc{background-color:red;border:1px solid black;-webkit-appearance:none;-moz-appearance:none;appearance:none}