.otp{display:flex;flex-direction:column}.otp__label{font-size:13px;font-weight:700;color:#475569;margin-bottom:8px}.otp__input{width:100%;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc;padding:15px 16px;font:inherit;font-size:16px;color:#1e293b;outline:none}.otp__input:focus{border-color:#8b5cf6;background:#fff}.otp__code{letter-spacing:.5em;text-align:center;font-weight:800}.otp__primary{margin-top:16px;width:100%;border:0;border-radius:16px;background:#0f172a;color:#fff;font-size:16px;font-weight:800;padding:15px}.otp__primary:disabled{background:#cbd5e1}.otp__hint{margin:12px 0 0;font-size:12px;line-height:1.6;color:#94a3b8;text-align:center}.otp__dev{margin:10px 0 0;font-size:12px;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:8px 10px}.otp__err{margin:10px 0 0;font-size:13px;color:#e11d48}.otp__row{display:flex;justify-content:space-between;margin-top:14px}.otp__link{border:0;background:none;color:#7c3aed;font-size:13px;font-weight:700;padding:0}.otp__link:disabled{color:#cbd5e1}