.otp-box{font-family:var(--font-montserrat), system-ui, sans-serif;text-align:left;gap:8px;margin-top:10px;display:grid}.otp-row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.otp-btn{color:#a86a1c;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#cf8e3a1f;border:1px solid #cf8e3a;border-radius:999px;padding:10px 18px;font-family:inherit;font-size:11px;font-weight:700;transition:background .2s,color .2s}.otp-btn:hover:not(:disabled){color:#1a1206;background:#cf8e3a}.otp-btn:disabled{opacity:.55;cursor:not-allowed}.otp-input{color:#222;letter-spacing:.3em;background:#fff;border:1px solid #cf8e3a80;border-radius:10px;outline:none;flex:130px;min-width:0;max-width:190px;padding:10px 14px;font-family:inherit;font-size:16px;font-weight:600}.otp-input::placeholder{letter-spacing:.02em;color:#2226;font-size:13px;font-weight:400}.otp-input:focus{border-color:#cf8e3a;box-shadow:0 0 0 3px #cf8e3a2e}.otp-hint{color:#2222229e;font-size:12px;line-height:1.5}.otp-link{color:#a86a1c;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:12px;font-weight:600;text-decoration:underline}.otp-link:disabled{opacity:.55;cursor:not-allowed;text-decoration:none}.otp-ok{color:#1e7a3c;font-size:13px;font-weight:600}.otp-error{color:#b3261e;font-size:12.5px}.otp-box--dark .otp-btn{color:#e0a85a;background:#e0a85a1f}.otp-box--dark .otp-hint{color:#ffffffad}.otp-box--dark .otp-link{color:#e0a85a}.otp-box--dark .otp-ok{color:#7ddc9c}.otp-box--dark .otp-error{color:#ff9a8b}