.wcfotp { max-width: 420px; margin: 1rem auto; }
.wcfotp-card { padding: 1rem; background:#fff; border:1px solid #e6e6e6; border-radius:12px; box-shadow:0 1px 2px rgba(0,0,0,.04); margin-bottom:1rem; }
.wcfotp-label { display:block; font-weight:600; margin-bottom:.5rem; color:#222; }
.wcfotp-phone-wrap { display:flex; align-items:center; border-bottom:1px solid #ddd; padding:.25rem 0 .5rem; }
.wcfotp-prefix { margin-right:.5rem; color:#777; font-weight:600; }
#wcfotp-phone10, #wcfotp-code, #wcfotp-email { width:100%; padding:.6rem .7rem; border:1px solid #ddd; border-radius:8px; }
.wcfotp-terms { font-size:.85rem; color:#666; margin:.5rem 0 1rem; }
.wcfotp-btn { display:block; width:100%; padding:.9rem 1rem; border:none; border-radius:10px; background:#6b4df7; color:#fff; font-weight:700; cursor:pointer; }
.wcfotp-btn:disabled { opacity:.6; cursor:not-allowed; }
.wcfotp-msg { min-height:1.2em; color:#555; margin-top:.5rem; }
@media (max-width: 480px) { .wcfotp { margin: .5rem; } .wcfotp-card { padding: .8rem; border-radius:10px; } }