body{font-family:Inter,sans-serif;background-color:#0f172a}.bg-radial{background:radial-gradient(60% 70% at 50% 50%,#0d0a2a,#1e144a 40%,#4a2a6a,#a628f8)}.gradient-text{background:linear-gradient(90deg,#22d3ee,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-bg-cyan{background:linear-gradient(90deg,#06b6d4,#0ea5e9)}.gradient-bg-purple{background:linear-gradient(90deg,#8b5cf6,#c084fc)}.gradient-bg-emerald{background:linear-gradient(90deg,#10b981,#14b8a6)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0);opacity:.2}50%{transform:translateY(-20px);opacity:.4}}.animate-slide-up{animation:slideUp 1s ease-out forwards}.animate-float{animation:float 20s ease-in-out infinite}.transition-transform-hover:hover{transform:translateY(-10px);transition:transform .4s ease}.cursor-pointer{cursor:pointer}.backdrop-blur-xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.bg-pattern{background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px}.slogan{font-size:1.4em;font-weight:300;color:#ffffffb3;margin:.5em 0 2em;font-style:bold;letter-spacing:.5px;transition:all .3s ease;min-height:1.4em;display:flex;align-items:center;justify-content:flex-start;background:#141414cc;padding:.5em 1em;border-radius:8px;width:fit-content}.glares-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.glares-container .glare{position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none;transition:transform .3s ease-out}.glares-container .glare:nth-child(1){top:20%;left:10%;width:300px;height:300px}.glares-container .glare:nth-child(2){top:60%;right:15%;width:250px;height:250px}.glares-container .glare:nth-child(3){top:40%;left:50%;width:200px;height:200px}.glares-container .glare:nth-child(4){top:80%;left:20%;width:180px;height:180px}.glares-container .glare:nth-child(5){top:10%;right:30%;width:220px;height:220px}