*{box-sizing:border-box;margin:0;padding:0}:root{--dark:#020617;--blue:#3b82f6;--purple:#8b5cf6;--pink:#ec4899;--green:#22c55e;--text:#e5e7eb}html{scroll-behavior:smooth}body{background:var(--dark);color:var(--text);padding-bottom:80px;font-family:Inter,Arial,sans-serif}section{background:0 0;padding:100px 20px}.container{max-width:1200px;margin:auto}h2{margin-bottom:40px;font-size:36px}.btn{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;border-radius:999px;padding:14px 32px;font-weight:600;display:inline-block}body{color:var(--text);background:#020617;padding-bottom:80px;font-family:Inter,Arial,sans-serif}
.mobile-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#020617f2;justify-content:space-around;width:100%;padding:10px 0;display:flex;position:fixed;bottom:0}.mobile-nav a{color:#e5e7eb;flex-direction:column;align-items:center;font-size:12px;display:flex}.mobile-nav svg{font-size:18px}@media (min-width:1024px){.mobile-nav{display:none}}.mobile-nav a.active svg{color:#3b82f6;filter:drop-shadow(0 0 8px #3b82f6cc);transform:scale(1.15)}