.utility-card{background:linear-gradient(to bottom right,#1a1a2e,#0f0f1e);border:1px solid #1f2937;transition:all .3s;position:relative}.utility-card:before{content:"";-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(45deg,#3b82f6,#a855f7,#06b6d4,#3b82f6) 0 0/300% 300%;border-radius:1rem;padding:1px;animation:4s infinite paused borderGlow;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.utility-card:hover:before{opacity:1;animation-play-state:running}@keyframes borderGlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.utility-card:after{content:"";background:radial-gradient(circle at var(--mouse-x,50%)var(--mouse-y,50%),rgba(59,130,246,.3),transparent 80%);pointer-events:none;opacity:0;border-radius:1rem;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.utility-card:hover:after{opacity:1}.explore-button{background:linear-gradient(135deg,#3b82f6,#a855f7);transition:all .3s;position:relative;overflow:hidden}.explore-button:before{content:"";z-index:-1;background:linear-gradient(135deg,#60a5fa,#d946ef);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.explore-button:hover:before{left:0}.explore-button:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);width:200%;height:200%;animation:.5s ease-in-out forwards shine;position:absolute;top:-50%;left:-50%}.explore-button:active:after{animation-play-state:running}@keyframes shine{0%{opacity:1;top:-50%;left:-50%}to{opacity:0;top:-50%;left:100%}}.animate-text-reveal{opacity:0;animation:.6s cubic-bezier(.4,0,.2,1) forwards textReveal}@keyframes textReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.arrow-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.utility-card:hover .arrow-icon{transform:translate(4px)scale(1.1)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.utility-icon{transition:transform .3s;animation:3s ease-in-out infinite pulse}.utility-card:hover .utility-icon{transform:scale(1.1)rotate(5deg)}.gradient-line{opacity:0;background:linear-gradient(90deg,transparent,#3b82f6,transparent);height:1px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.utility-card:hover .gradient-line{opacity:1;animation:1s infinite lineSlide}@keyframes lineSlide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.feature-item{opacity:0;animation:.5s forwards featureSlide}.feature-item:first-child{animation-delay:.1s}.feature-item:nth-child(2){animation-delay:.2s}.feature-item:nth-child(3){animation-delay:.3s}.feature-item:nth-child(4){animation-delay:.4s}@keyframes featureSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.utility-card{opacity:0;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards cardEntrance}.utility-card:first-child{animation-delay:0s}.utility-card:nth-child(2){animation-delay:.2s}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.utility-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(59,130,246,.1)}.cta-section{opacity:0;animation:1s ease-out .8s forwards ctaFadeIn}@keyframes ctaFadeIn{0%{opacity:0}to{opacity:1}}