#sx-register-form { max-width: 560px; margin: 20px auto; }
.sxr-field { margin-bottom: 16px; }
.sxr-field label { display:block; font-weight:600; margin-bottom:6px; }
.sxr-field input[type="text"],
.sxr-field input[type="email"],
.sxr-field input[type="tel"],
.sxr-field input[type="password"] {
  width:100%; padding:10px; border:1px solid #ccd0d4; border-radius:6px; box-sizing:border-box;
}
.sxr-field-otp .sxr-otp-row { display:flex; gap:8px; align-items:center; }
.sxr-field-otp .sxr-otp-row input { flex:1; }
.sxr-btn { padding:10px 14px; border:0; border-radius:6px; cursor:pointer; background:#25D366;}
.sxr-btn:hover { background: #25D366; color: #fff;}
.sxr-btn-primary { background:#9335B6; color:#fff; }
.sxr-btn-primary:hover { background: #9335B6; color: #fff;}
.sxr-btn-secondary { background:#1877F2; color:#fff; }
.sxr-btn-secondary:hover { background: #1877F2; color: #fff;}
.sxr-btn[disabled] { opacity:.6; cursor:not-allowed; }

.sxr-status { margin-top:6px; font-size:14px; }
.sxr-status.ok { color:#065f46; }         /* green-700 */
.sxr-status.error { color:#991b1b; }      /* red-800 */
.sxr-tick { color:#10b981; font-weight:700; }

.sxr-meter { height:6px; background:#e5e7eb; border-radius:6px; margin-top:8px; overflow:hidden; }
.sxr-meter-bar { height:6px; width:0%; background:#16a34a; transition:width .2s ease; }

.sxr-check label { display:flex; gap:8px; align-items:center; font-weight:500; }

.sxr-actions { margin-top:18px; }
.sxr-notice { padding:12px 14px; border-radius:6px; margin-bottom:16px; }
.sxr-ok { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.sxr-error { background:#fef2f2; color:#7f1d1d; border:1px solid #fecaca; }