.haske-required-phone{position:relative;padding:.85rem!important;border:2px solid #f59e0b!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(249,115,22,.055))!important;box-shadow:0 0 0 4px rgba(245,158,11,.10),0 10px 26px rgba(0,0,0,.09);transition:border-color .2s,box-shadow .2s,transform .2s}
.haske-required-phone label{display:flex!important;align-items:center;gap:.42rem;color:var(--text-white,#fff)!important;font-weight:850!important}
.haske-required-phone label:before{content:'📱';font-size:1rem}
.haske-required-phone label:after{content:'REQUIRED';margin-left:auto;padding:.23rem .45rem;border-radius:999px;background:#f59e0b;color:#241400;font-size:.56rem;font-weight:950;letter-spacing:.06em}
.haske-required-phone input[type=tel]{width:100%;min-height:50px;border:2px solid #f59e0b!important;border-radius:11px!important;background:var(--surface,#111827)!important;color:var(--text-white,#fff)!important;font-size:1rem!important;font-weight:750;padding:.78rem .9rem!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
.haske-required-phone input[type=tel]::placeholder{color:#c98b35;opacity:.92;font-weight:650}
.haske-required-phone input[type=tel]:focus{outline:0!important;border-color:#fb6f1a!important;box-shadow:0 0 0 5px rgba(249,115,22,.22)!important}
.haske-phone-callout{display:flex;align-items:flex-start;gap:.42rem;margin:.48rem 0 0;color:var(--text-muted,#94a3b8);font-size:.72rem;line-height:1.4}.haske-phone-callout:before{content:'↳';color:#f59e0b;font-weight:900}
.haske-required-phone.haske-phone-missing{border-color:#fb4f14!important;box-shadow:0 0 0 5px rgba(251,79,20,.24),0 12px 32px rgba(0,0,0,.16);animation:haskePhoneNudge .36s ease 2}
.haske-required-phone.haske-phone-valid{border-color:#10b981!important;box-shadow:0 0 0 3px rgba(16,185,129,.12)}
.haske-required-phone.haske-phone-valid label:after{content:'READY';background:#10b981;color:#052e24}
@keyframes haskePhoneNudge{0%,100%{transform:translateX(0)}35%{transform:translateX(-5px)}70%{transform:translateX(5px)}}
@media(max-width:600px){.haske-required-phone{padding:.72rem!important}.haske-required-phone input[type=tel]{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.haske-required-phone.haske-phone-missing{animation:none}}