.otp-group{display:flex;justify-content:center;align-items:center;width:100%;max-width:400px;gap:12px;position:relative}.otp-group.rtl{flex-direction:row-reverse}.otp-group.ltr{flex-direction:row}.inputStyle{width:48px!important;height:48px!important;font-size:1.5rem!important;font-weight:600!important;text-align:center!important;border-radius:12px!important;border:2px solid #e0e0e0!important;background-color:#fafafa!important;color:#333!important;transition:all .3s ease!important;outline:none!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.inputStyle:focus{border-color:var(--otp-primary-color,#1976d2)!important;background-color:#ffffff!important;box-shadow:0 0 0 3px var(--otp-primary-shadow,rgba(25,118,210,.1))!important;transform:translateY(-2px)!important}.inputStyle:not(:placeholder-shown){border-color:#4caf50!important;background-color:#f8fff8!important}.inputStyle:invalid{border-color:#f44336!important;background-color:#fff5f5!important}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(25,118,210,.4)}70%{box-shadow:0 0 0 10px rgba(25,118,210,0)}to{box-shadow:0 0 0 0 rgba(25,118,210,0)}}.inputStyle:focus{animation:pulse 1.5s infinite}@media (max-width:600px){.otp-group{gap:8px}.inputStyle{width:40px!important;height:40px!important;font-size:1.25rem!important}}