.waotp-card{
  max-width: 520px; margin: 24px auto; background:#fff; border-radius:16px;
  box-shadow:0 10px 25px rgba(0,0,0,.06); padding:20px;
  font-family: system-ui, -apple-system, "Segoe UI", Tahoma, Arial;
}
.waotp-tabs{ display:flex; gap:8px; margin-bottom:12px; }
.waotp-tab{
  flex:1; border:1px solid #e5e7eb; background:#f8fafc; padding:10px 14px; border-radius:10px;
  cursor:pointer; transition:.2s; font-weight:600;
}
.waotp-tab.is-active{ background:#0ea5e9; color:#fff; border-color:#0ea5e9; }
.waotp-pane{ display:none; }
.waotp-pane.is-active{ display:block; }

.waotp-field{ display:flex; flex-direction:column; gap:6px; margin:10px 0; }
.waotp-field label{ font-size:13px; color:#334155; }
.waotp-field input{
  padding:12px 14px; border-radius:10px; border:1px solid #e5e7eb; outline:none; font-size:15px;
}
.waotp-field input:focus{ border-color:#0ea5e9; box-shadow:0 0 0 3px rgba(14,165,233,.15); }

.waotp-actions{ margin-top:8px; }
.waotp-btn{
  border:0; background:#e2e8f0; color:#0f172a; padding:12px 14px; border-radius:10px; cursor:pointer; font-weight:600;
}
.waotp-btn.primary{ background:#0ea5e9; color:#fff; }
.waotp-btn:hover{ filter:brightness(.98); }

.waotp-otp-row{ margin-top:8px; }
.waotp-msg{ font-size:13px; margin-top:10px; }