@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";
:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--bg-card:#151515;--accent:#adff2f;--accent-dim:#8bc926;--accent-glow:#adff2f4d;--accent-subtle:#adff2f1a;--text-primary:#fff;--text-secondary:#a1a1a1;--text-tertiary:#666;--border-subtle:#ffffff14;--border-hover:#ffffff26;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--nav-height:80px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}::selection{background:var(--accent);color:var(--bg-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}a{color:inherit;text-decoration:none}.gradient-bg{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.gradient-bg:before{content:"";background:radial-gradient(at 20% 20%,#adff2f14 0%,#0000 50%),radial-gradient(at 80% 80%,#adff2f0d 0%,#0000 50%),radial-gradient(at 40% 60%,#adff2f08 0%,#0000 40%);width:200%;height:200%;animation:20s ease-in-out infinite gradientMove;position:absolute;top:-50%;left:-50%}@keyframes gradientMove{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(2%,2%)rotate(1deg)}66%{transform:translate(-1%,1%)rotate(-1deg)}}.noise-overlay{pointer-events:none;z-index:1000;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.reveal{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;transform:translateY(20px)}.stagger-children.visible>:first-child{animation:fadeInUp .6s var(--ease-out-expo) 0s forwards}.stagger-children.visible>:nth-child(2){animation:fadeInUp .6s var(--ease-out-expo) .1s forwards}.stagger-children.visible>:nth-child(3){animation:fadeInUp .6s var(--ease-out-expo) .2s forwards}.stagger-children.visible>:nth-child(4){animation:fadeInUp .6s var(--ease-out-expo) .3s forwards}.stagger-children.visible>:nth-child(5){animation:fadeInUp .6s var(--ease-out-expo) .4s forwards}.stagger-children.visible>:nth-child(6){animation:fadeInUp .6s var(--ease-out-expo) .5s forwards}.magnetic-wrap{display:inline-block}.glow-hover{transition:all .3s;position:relative}.glow-hover:after{content:"";background:var(--accent);border-radius:inherit;opacity:0;filter:blur(15px);z-index:-1;transition:opacity .3s;position:absolute;inset:-2px}.glow-hover:hover:after{opacity:.4}.text-gradient{background:linear-gradient(135deg, var(--accent) 0%, #7fff00 50%, var(--accent) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite textGradient}@keyframes textGradient{0%{background-position:0%}to{background-position:200%}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width:768px){.container{padding:0 1.5rem}}.section{padding:8rem 0}@media (max-width:768px){.section{padding:5rem 0}}
