@keyframes float-particle{0%,to{transform:translateY(0) translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translateX(20px);opacity:0}}@keyframes float-particle-reverse{0%,to{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translateY(-80vh) translateX(-30px);opacity:0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(99,102,241,.15)}50%{box-shadow:0 0 40px rgba(99,102,241,.3)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-text{background:linear-gradient(135deg,#4f46e5,#7c3aed,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .gradient-text{background:linear-gradient(135deg,#818cf8,#a78bfa,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:rgba(255,255,255,.7);backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.glass-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(99,102,241,.15)}.dark .glass-card{background:rgba(30,30,60,.6);border:1px solid rgba(255,255,255,.08)}.dark .glass-card:hover{box-shadow:0 20px 40px rgba(99,102,241,.2)}.hero-gradient-mesh{background:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.15) 0,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(139,92,246,.12) 0,transparent 50%),radial-gradient(ellipse at 40% 80%,rgba(6,182,212,.1) 0,transparent 50%)}.dark .hero-gradient-mesh{background:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.2) 0,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(139,92,246,.18) 0,transparent 50%),radial-gradient(ellipse at 40% 80%,rgba(6,182,212,.15) 0,transparent 50%)}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(99,102,241,.4);animation:float-particle 8s ease-in-out infinite}.particle:nth-child(2){left:20%;animation-delay:1s;animation-duration:10s;width:6px;height:6px;background:rgba(139,92,246,.3)}.particle:nth-child(3){left:40%;animation-delay:2s;animation-duration:12s;background:rgba(6,182,212,.3)}.particle:nth-child(4){left:60%;animation-delay:3s;animation-duration:9s;width:5px;height:5px;background:rgba(99,102,241,.25)}.particle:nth-child(5){left:80%;animation-delay:4s;animation-duration:11s;background:rgba(139,92,246,.35);animation-name:float-particle-reverse}.particle:nth-child(6){left:90%;animation-delay:.5s;animation-duration:14s;width:3px;height:3px;background:rgba(6,182,212,.3)}.step-connector{position:absolute;top:50%;left:100%;width:100%;height:2px;background:linear-gradient(90deg,rgba(99,102,241,.4),rgba(139,92,246,.15))}.gradient-border{position:relative;background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(139,92,246,.05));border-radius:1.5rem}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,#4f46e5,#7c3aed,#0284c7);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;background-size:200% 200%}html{scroll-behavior:smooth}