:root{--color-primary: rgb(83, 100, 118);--color-accent: rgb(63, 157, 247);--color-secondary: rgb(65, 92, 111);--color-dark: rgb(1, 7, 16);--color-light: rgb(130, 195, 215)}html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;background:#010710}.pill{position:absolute;background:linear-gradient(135deg,#3f9df7,#82c3d7);opacity:.15;border-radius:9999px;filter:blur(0px)}.pill-1{width:400px;height:200px;top:10%;left:-400px;animation:floatRight 25s linear infinite}.pill-2{width:300px;height:150px;top:60%;right:-300px;animation:floatLeft 20s linear infinite;animation-delay:-5s}.pill-3{width:500px;height:250px;bottom:20%;left:-500px;animation:floatRight 30s linear infinite;animation-delay:-10s}.pill-4{width:350px;height:175px;top:30%;right:-350px;animation:floatLeft 22s linear infinite;animation-delay:-15s}.pill-5{width:450px;height:225px;top:80%;left:-450px;animation:floatRight 28s linear infinite;animation-delay:-7s}.pill-6{width:380px;height:190px;top:5%;right:-380px;animation:floatLeft 26s linear infinite;animation-delay:-12s}.pill-7{width:420px;height:210px;top:45%;left:-420px;animation:floatRight 24s linear infinite;animation-delay:-18s}.pill-8{width:320px;height:160px;bottom:10%;right:-320px;animation:floatLeft 23s linear infinite;animation-delay:-3s}@keyframes floatRight{0%{transform:translate(0) rotate(0)}to{transform:translate(calc(100vw + 600px)) rotate(360deg)}}@keyframes floatLeft{0%{transform:translate(0) rotate(0)}to{transform:translate(calc(-100vw - 600px)) rotate(-360deg)}}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(30,41,59,.4) 100%);pointer-events:none}.nav-link{position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#3f9df7;transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.content-section{animation:fadeIn .5s ease-in;scroll-margin-top:100px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.glass-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.pill{opacity:.1}}.white-button{background-color:#fff;color:#1e293b;transition:all .3s ease}.white-button:hover{background-color:#3f9df7;color:#fff}