.site-animated .contact-card{position:relative;isolation:isolate;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#08d7e7,#3766ff,#ad46ff,#08d7e7) border-box;background-size:100% 100%,300% 300%;box-shadow:0 14px 45px #245dfb24,0 0 25px #20c8ef28}
.site-animated .contact-card:before{content:"";position:absolute;inset:-9px;z-index:-1;border-radius:inherit;border:2px solid #48ccfa;opacity:0;pointer-events:none}
.site-animated .contact-card:focus-within{box-shadow:0 15px 50px #245dfb30,0 0 30px #20c8ef35}
.site-animated #contact-form button[type=submit],.site-animated .desktop-contact{position:relative;overflow:hidden;background:linear-gradient(115deg,#075bdc,#6c35db,#075bdc);background-size:200% 100%;box-shadow:0 8px 24px #4b54eb40;transition:transform .2s,box-shadow .2s}
.site-animated #contact-form button[type=submit]:after,.site-animated .desktop-contact:after{content:"";position:absolute;inset:-80% auto -80% -65%;width:40%;background:linear-gradient(90deg,transparent,#ffffff80,transparent);transform:skewX(-20deg);pointer-events:none}
.site-animated #contact-form button[type=submit]:hover,.site-animated .desktop-contact:hover{transform:translateY(-3px);box-shadow:0 12px 28px #5154e760}
.site-animated #contact-form button[type=submit]:disabled{transform:none}.site-animated #contact-form button[type=submit]:disabled:after{display:none}
.site-animated .faq-intro .text-link{display:inline-flex;align-items:center;border-radius:12px;padding:13px 18px;background:linear-gradient(115deg,#d8faff,#eee7ff);border:1px solid #99c9ff;color:#1844bd;box-shadow:0 5px 20px #3165ef15;transition:transform .2s,box-shadow .2s}
.site-animated .faq-intro .text-link:hover{transform:translateY(-3px);box-shadow:0 8px 25px #3165ef35}
@media(prefers-reduced-motion:no-preference){
.site-animated.play-intro .header .brand img{animation:logo-arrival 1.3s cubic-bezier(.18,.8,.25,1) both,logo-glow 2s 1.2s 2}
.site-animated.play-intro .hero-copy{animation:copy-arrival .85s .1s both}
.site-animated.play-intro .contact-card{animation:card-arrival 1s .2s both,edge-flow 4s 1.2s 1}
.site-animated.play-intro .contact-card:before{animation:halo-wave 1.9s .9s 2}
.site-animated.play-intro #contact-form button[type=submit]:after,.site-animated.play-intro .desktop-contact:after{animation:button-shine 1.4s 1.5s 2}
.site-animated .faq-intro .text-link.link-arrived{animation:link-arrival .9s both,link-glow 1.5s .9s 2}
@keyframes logo-arrival{0%{opacity:0;transform:translateY(-24px) rotate(-30deg) scale(.5)}65%{opacity:1;transform:translateY(0) rotate(8deg) scale(1.16)}100%{transform:none}}
@keyframes logo-glow{50%{filter:drop-shadow(0 0 11px #26cffa);transform:scale(1.08)}}
@keyframes copy-arrival{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes card-arrival{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
@keyframes edge-flow{0%{background-position:0 0,0 50%}100%{background-position:0 0,100% 50%}}
@keyframes halo-wave{0%{opacity:0;transform:scale(.99)}30%{opacity:.65}100%{opacity:0;transform:scale(1.045)}}
@keyframes button-shine{0%{left:-65%}75%,100%{left:145%}}
@keyframes link-arrival{from{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}
@keyframes link-glow{50%{box-shadow:0 0 28px #3ac8ee70}}
}
@media(max-width:600px){.site-animated .contact-card:before{inset:-5px}.site-animated .faq-intro .text-link{max-width:100%;font-size:14px}}
@media(prefers-reduced-motion:reduce){.site-animated *{animation:none!important;scroll-behavior:auto!important}.site-animated #contact-form button[type=submit],.site-animated .desktop-contact,.site-animated .faq-intro .text-link{transition:none;transform:none}}