.cta{background:linear-gradient(135deg,#0f172a,#1e3a8a);cursor:default;isolation:isolate;overflow:hidden;padding:8rem 3rem;position:relative;text-align:center}.cta:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");bottom:0;left:0;mix-blend-mode:overlay;opacity:.04;right:0;top:0;z-index:1}.cta:after,.cta:before{content:"";pointer-events:none;position:absolute}.cta:after{animation:complexRotate 25s linear infinite;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.2) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(147,197,253,.15) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(96,165,250,.1) 0,transparent 50%),radial-gradient(circle at 60% 60%,hsla(0,0%,100%,.05) 0,transparent 50%);height:300%;left:-100%;top:-100%;width:300%;z-index:0}.cta .container:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.08) 0,transparent 70%);height:120%;left:50%;top:50%;transform:translate(-50%,-50%);width:120%}.cta .container:after,.cta .container:before{content:"";pointer-events:none;position:absolute;z-index:1}.cta .container:after{animation:floatParticles 20s linear infinite;background:#fff;border-radius:50%;box-shadow:100px 20px 0 hsla(0,0%,100%,.6),200px 50px 0 hsla(0,0%,100%,.4),300px -30px 0 hsla(0,0%,100%,.5),400px 40px 0 hsla(0,0%,100%,.3),500px -20px 0 hsla(0,0%,100%,.5),600px 60px 0 hsla(0,0%,100%,.4),700px -40px 0 hsla(0,0%,100%,.6),50px 80px 0 hsla(0,0%,100%,.3),150px -60px 0 hsla(0,0%,100%,.5),250px 90px 0 hsla(0,0%,100%,.4),350px -80px 0 hsla(0,0%,100%,.6),450px 70px 0 hsla(0,0%,100%,.3),550px -50px 0 hsla(0,0%,100%,.5),650px 100px 0 hsla(0,0%,100%,.4);height:4px;left:10%;top:10%;width:4px}@keyframes complexRotate{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(.9)}to{transform:rotate(1turn) scale(1)}}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.05)}}@keyframes floatParticles{0%{opacity:0;transform:translateY(100vh) translateX(0) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) translateX(100px) rotate(1turn)}}.cta .container{margin:0 auto;max-width:900px;position:relative;z-index:10}.cta h2{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1),textGlow 4s ease-in-out infinite;color:#fff;font-size:clamp(2.5rem,5vw,4rem);font-weight:200;letter-spacing:-.02em;line-height:1.2;margin-bottom:2rem;position:relative;text-shadow:0 2px 20px rgba(0,0,0,.3),0 0 40px rgba(59,130,246,.3),0 0 60px rgba(59,130,246,.2)}.cta h2:before{animation:titleBackGlow 3s ease-in-out infinite;background:radial-gradient(ellipse at center,rgba(59,130,246,.2) 0,transparent 70%);content:"";filter:blur(20px);height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}@keyframes textGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes titleBackGlow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.cta h2 br{content:"";display:block;margin-top:.25em}.cta p{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .2s both;color:hsla(0,0%,100%,.9);font-size:1.25rem;font-weight:300;letter-spacing:.02em;line-height:1.8;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:650px;position:relative;text-shadow:0 2px 10px rgba(0,0,0,.2)}.cta .btn-primary{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .4s both,buttonFloat 4s ease-in-out infinite,buttonGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#fff,#f0f9ff);border-radius:100px;box-shadow:0 20px 40px rgba(0,0,0,.3),0 10px 20px rgba(0,0,0,.2),0 0 60px hsla(0,0%,100%,.2),inset 0 2px 4px hsla(0,0%,100%,.5);color:#1e3a8a;cursor:pointer;display:inline-block;font-size:1.125rem;font-weight:600;letter-spacing:.01em;overflow:hidden;padding:1.25rem 3.5rem;position:relative;text-decoration:none;transform:translateY(0) scale(1);transition:all .4s cubic-bezier(.175,.885,.32,1.275);will-change:transform}@keyframes buttonFloat{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-3px) scale(1.02)}75%{transform:translateY(-1px) scale(1.01)}}@keyframes buttonGlow{0%,to{box-shadow:0 20px 40px rgba(0,0,0,.3),0 10px 20px rgba(0,0,0,.2),0 0 60px hsla(0,0%,100%,.2),inset 0 2px 4px hsla(0,0%,100%,.5)}50%{box-shadow:0 20px 50px rgba(0,0,0,.35),0 10px 25px rgba(0,0,0,.25),0 0 80px hsla(0,0%,100%,.3),inset 0 2px 4px hsla(0,0%,100%,.6)}}.cta .btn-primary:before{background:rgba(30,58,138,.1);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1);width:0}.cta .btn-primary:after{background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.3) 50%,transparent 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);transition:transform .6s;width:200%}.cta .btn-primary:hover{animation-play-state:paused;background:linear-gradient(135deg,#fff,#dbeafe 50%,#bfdbfe);box-shadow:0 30px 60px rgba(0,0,0,.4),0 15px 30px rgba(0,0,0,.3),0 0 120px hsla(0,0%,100%,.4),inset 0 2px 4px hsla(0,0%,100%,.7);transform:translateY(-5px) scale(1.05)}.cta .btn-primary:hover:before{background:rgba(30,58,138,.05);height:400px;width:400px}.cta .btn-primary:hover:after{transform:rotate(45deg) translate(100%,100%)}.cta .btn-primary:active{box-shadow:0 20px 40px rgba(0,0,0,.35),0 10px 20px rgba(0,0,0,.25),0 0 80px hsla(0,0%,100%,.3),inset 0 2px 4px hsla(0,0%,100%,.5);transform:translateY(-2px) scale(1.03)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.cta.animate .btn-primary,.cta.animate h2,.cta.animate p{animation-play-state:running}@media (max-width:768px){.cta{padding:5rem 2rem}.cta h2{font-size:2.25rem;font-weight:300}.cta p{font-size:1.125rem;margin-bottom:2.5rem}.cta .btn-primary{font-size:1.0625rem;padding:1.125rem 2.5rem}.cta:after{animation-duration:40s}.cta .container:after{display:none}}@media (max-width:480px){.cta{padding:4rem 1.5rem}.cta h2{font-size:1.875rem;line-height:1.3;text-shadow:0 2px 10px rgba(0,0,0,.3)}.cta p{font-size:1rem;margin-bottom:2rem}.cta .btn-primary{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .4s both,buttonGlow 2s ease-in-out infinite;font-size:1rem;max-width:320px;padding:1rem 2rem;width:100%}}@media (prefers-reduced-motion:reduce){.cta .btn-primary,.cta .container:after,.cta .container:before,.cta h2:before,.cta:after{animation:none}.cta .btn-primary,.cta .btn-primary:after,.cta .btn-primary:before{transition:opacity .3s ease}}.cta .btn-primary:focus{outline:3px solid hsla(0,0%,100%,.5);outline-offset:3px}@media (prefers-contrast:high){.cta{background:#003}.cta h2{text-shadow:none}.cta .btn-primary{background:#fff;border:2px solid #fff;box-shadow:0 10px 20px rgba(0,0,0,.5);color:#000;font-weight:700}.cta .btn-primary:hover{background:#f0f0f0}}