.contact-grid .field-invalid input,.contact-grid .field-invalid textarea{border-color:#ff657b;background:rgba(255,91,112,.055);box-shadow:0 0 0 3px rgba(255,91,112,.1)}
.field-error{display:flex;align-items:center;gap:6px;color:#ff8b9b;font-size:8.5px;font-weight:700;line-height:1.35}
.field-error::before{content:'!';display:grid;place-items:center;width:15px;height:15px;flex:0 0 15px;border-radius:50%;background:#ff657b;color:#fff;font-size:9px}
html[data-theme="light"] .contact-grid .field-invalid input,html[data-theme="light"] .contact-grid .field-invalid textarea{border-color:#d94e63;background:#fff5f6;box-shadow:0 0 0 3px rgba(217,78,99,.09)}
html[data-theme="light"] .field-error{color:#bd3048}

.contact-progress{position:absolute;z-index:8;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:42px;text-align:center;background:rgba(9,21,25,.96);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.contact-modal.is-sending .contact-progress,.contact-modal.is-sent .contact-progress{opacity:1;visibility:visible}
.contact-modal.is-sending .contact-close{opacity:.35;pointer-events:none}
.contact-progress-visual{display:grid;width:74px;height:74px;margin-bottom:24px;place-items:center;border-radius:23px;background:rgba(34,189,199,.1);box-shadow:0 16px 40px rgba(34,189,199,.12)}
.contact-spinner{width:34px;height:34px;border:3px solid rgba(94,224,232,.2);border-top-color:#4edce5;border-radius:50%;animation:contactSpin .75s linear infinite}
.contact-success-icon{display:none;width:44px;height:44px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#20ca87,#10a96d);color:#fff;font-size:23px;font-weight:800;box-shadow:0 12px 30px rgba(18,181,116,.25)}
.contact-modal.is-sent .contact-spinner{display:none}
.contact-modal.is-sent .contact-success-icon{display:grid;animation:contactSuccess .38s ease both}
.contact-progress h3{margin:0 0 10px;color:#f5fafb;font-size:26px;line-height:1.2;letter-spacing:-.035em}
.contact-progress p{max-width:390px;margin:0;color:#91a9af;font-size:12px;line-height:1.65}
html[data-theme="light"] .contact-progress{background:rgba(255,255,255,.97)}
html[data-theme="light"] .contact-progress-visual{background:#e7f7f8;box-shadow:0 16px 40px rgba(42,126,138,.12)}
html[data-theme="light"] .contact-spinner{border-color:#cce9ec;border-top-color:#159dab}
html[data-theme="light"] .contact-progress h3{color:#173139}
html[data-theme="light"] .contact-progress p{color:#5d777e}
@keyframes contactSpin{to{transform:rotate(360deg)}}
@keyframes contactSuccess{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.contact-spinner{animation-duration:1.5s}.contact-success-icon{animation:none}}