@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#030712;--navy-light:#0f172a;--navy-lightest:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent:#10b981;--accent-tint:#10b9811a;--accent-glow:#10b9814d;--font-header:"Outfit", sans-serif;--font-main:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--transition:all .4s cubic-bezier(.4, 0, .2, 1);--glass-bg:#0f172a66;--glass-border:#ffffff14;--noise-opacity:.015}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text-secondary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 2px 2px,#ffffff0d 1px,#0000 0);background-size:40px 40px;line-height:1.6;overflow-x:hidden}body:after{content:"";width:100%;height:100%;opacity:var(--noise-opacity);pointer-events:none;z-index:9999;background-image:url(https://grainy-gradients.vercel.app/noise.svg);position:fixed;top:0;left:0}.page-wrapper{z-index:1;justify-content:space-between;gap:40px;max-width:1280px;margin:0 auto;padding:0 100px;display:flex;position:relative}.bg-glow{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);opacity:.4;filter:blur(80px);pointer-events:none;z-index:-1;border-radius:50%;width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}h1,h2,h3,h4,h5{font-family:var(--font-header);color:var(--text-primary);line-height:1.2}.reveal{opacity:0;transform:translateY(20px)}section{scroll-margin-top:100px}h2,h3{align-items:center;gap:15px;margin-bottom:40px;font-size:clamp(24px,5vw,32px);display:flex}h2 .num,h3 .num{color:var(--accent);font-family:var(--font-mono);font-size:18px;font-weight:400}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--navy-lightest);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-glow)}@media (width<=1024px){.page-wrapper{flex-direction:column;gap:0;padding:0 40px}.sidebar{width:100%!important;height:auto!important;padding:60px 0!important;position:relative!important}.main-content{width:100%!important;padding-top:0!important}section{scroll-margin-top:80px}}@media (width<=480px){.page-wrapper{padding:0 20px}}
