.homacrm-otp,.homacrm-form{--hc-accent:var(--theme-palette-color-1,#1f8a6e);box-sizing:border-box;max-width:420px;margin:16px auto;padding:20px;border:1px solid #e4e6ea;border-radius:14px;background:#fff;font-family:inherit;box-shadow:0 4px 18px rgba(15,23,42,.05)}
.homacrm-otp *,.homacrm-form *{box-sizing:border-box}
.homacrm-otp-title{margin:0 0 14px;font-weight:800;font-size:16px;text-align:center}
.homacrm-step{display:flex;flex-direction:column;gap:10px}
.homacrm-step[hidden]{display:none!important}
.homacrm-otp input,.homacrm-form input,.homacrm-form textarea{width:100%;padding:12px 14px;border:1px solid #d5d8dd;border-radius:10px;font-size:16px;margin:0 0 8px;background:#fff;transition:border-color .15s,box-shadow .15s}
.homacrm-otp input:focus,.homacrm-form input:focus,.homacrm-form textarea:focus{outline:0;border-color:var(--hc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--hc-accent) 18%,transparent)}
.homacrm-step input{margin:0;text-align:center;letter-spacing:.06em;font-size:18px;height:50px}
.homacrm-code{letter-spacing:.5em!important;font-size:22px!important;font-weight:800}
.homacrm-otp .button.homacrm-send,.homacrm-otp .button.homacrm-verify,.homacrm-form button[type=submit]{width:100%;height:48px;border:0;border-radius:10px!important;background:var(--hc-accent)!important;color:#fff!important;font-weight:800;font-size:15px;cursor:pointer;margin:0}
.homacrm-otp .button:disabled{opacity:.55;cursor:not-allowed}
.homacrm-row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.homacrm-otp .button-link{background:none;border:0;padding:4px 0;color:var(--hc-accent);font-size:13px;font-weight:600;cursor:pointer}
.homacrm-otp .button-link:disabled{color:#8c8f94;cursor:default}
.homacrm-msg{min-height:1.4em;margin:10px 0 0;font-size:13px;text-align:center;line-height:1.9}
.homacrm-ok{color:#1f8a6e}.homacrm-bad{color:#c0392b}
.homacrm-brand{margin:10px 0 0;font-size:11.5px;color:#8c8f94;text-align:center}
.homacrm-brand a{color:var(--hc-accent);font-weight:700;text-decoration:none}
.homacrm-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.homacrm-gate form.checkout,.homacrm-gate .woocommerce-form-login-toggle,.homacrm-gate .woocommerce-form-coupon-toggle,.homacrm-gate .wc-block-checkout{display:none!important}
#loginform .homacrm-otp{margin:16px 0;border:0;border-top:1px solid #dcdcde;border-radius:0;padding:16px 0 0;box-shadow:none}
.homacrm-otp{position:relative;overflow:hidden}
.homacrm-otp:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--hc-accent),transparent);background-size:50% 100%;background-repeat:no-repeat;opacity:0;transition:opacity .2s}
.homacrm-otp.homacrm-busy:before{opacity:1;animation:hcbar 1.1s linear infinite}
.homacrm-otp.homacrm-busy input{opacity:.6}
.homacrm-otp .button.is-loading{display:flex;align-items:center;justify-content:center;gap:10px;opacity:1!important;cursor:progress!important;animation:hcpulse 1.2s ease-in-out infinite}
.homacrm-spin{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:hcspin .7s linear infinite;flex:0 0 auto}
.homacrm-otp .button-link.is-loading .homacrm-spin{border-color:color-mix(in srgb,var(--hc-accent) 30%,transparent);border-top-color:var(--hc-accent)}
@keyframes hcspin{to{transform:rotate(360deg)}}
@keyframes hcbar{0%{background-position:-50% 0}100%{background-position:150% 0}}
@keyframes hcpulse{50%{filter:brightness(1.08);transform:scale(.99)}}
@media (prefers-reduced-motion:reduce){.homacrm-spin,.homacrm-otp .button.is-loading,.homacrm-otp.homacrm-busy:before{animation-duration:2.5s}}