.contact-form[data-electric-border] { position: relative; isolation: isolate; overflow: visible; }
.contact-electric-surface { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; pointer-events: none; }
.contact-electric-surface canvas { display: block; max-width: none; }
.contact-electric-glow { position: absolute; inset: -1px; z-index: -1; border: 1px solid rgb(198 255 94 / 55%); border-radius: inherit; pointer-events: none; box-shadow: 0 0 6px rgb(198 255 94 / 35%),0 0 24px rgb(198 255 94 / 12%); }
.contact-electric-glow::before { content: ""; position: absolute; inset: -15px; z-index: -1; border-radius: inherit; background: linear-gradient(-30deg,rgb(198 255 94 / 25%),transparent 50%,rgb(198 255 94 / 15%)); filter: blur(25px); opacity: .5; }
.contact-form[data-electric-border]:focus-within .contact-electric-glow { box-shadow: 0 0 8px rgb(198 255 94 / 45%),0 0 28px rgb(198 255 94 / 17%); }
.contact-send-shell { position: relative; z-index: 3; grid-column: 1 / -1; justify-self: start; min-width: 0; padding-block: 4px; }
.contact-sling-react { display: block; }
.contact-sling-controls { display: flex; align-items: center; gap: 18px; min-height: 56px; }
.contact-sling-label { color: #dcf4bb; font-size: 12px; font-weight: 500; }
.contact-sling-help { display: block; max-width: 330px; margin-top: 15px; color: #8e9f7d; font-size: 10px; line-height: 1.8; }
.contact-send-shell[data-sling-state="ready"] > .sling-fallback { display: none; }
.contact-send-shell:not([data-sling-state="ready"]) > .contact-sling-react { display: none; }
.contact-sling-react .sling-button__pad:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 9px; }
.contact-sling-react .sling-button__icon svg { width: 22px; height: 22px; }
@media (prefers-reduced-motion: reduce) {
  .contact-electric-surface { display: none; }
}