@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";
:root{--primary:#a3ff00;--primary-glow:#a3ff0099;--secondary:#7000ff;--secondary-glow:#7000ff66;--background:#000;--surface:#050505;--surface-hover:#0a0a0a;--text:#fff;--text-muted:#666;--glass:#000c;--glass-border:#a3ff0033;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--background);max-width:100vw;color:var(--text);scroll-behavior:smooth;font-family:Outfit,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:9999;pointer-events:none;opacity:.2;background:linear-gradient(#fff0 50%,#0000001a 50%) 0 0/100% 4px;width:100%;height:100%;position:fixed;top:0;left:0}.perspective-grid{background-image:linear-gradient(var(--glass-border) 1px, transparent 1px), linear-gradient(90deg, var(--glass-border) 1px, transparent 1px);transform-origin:bottom;z-index:-1;opacity:.3;background-position:50%;background-size:100px 100px;width:100%;height:100%;animation:10s linear infinite gridMove3D;position:fixed;bottom:0;left:0;transform:perspective(500px)rotateX(60deg)translateY(0);-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}@keyframes gridMove3D{0%{background-position:0 0}to{background-position:0 100px}}.glow-spot{filter:blur(150px);z-index:-2;pointer-events:none;opacity:.4;border-radius:50%;width:40vw;height:40vw;position:fixed}.glow-1{background:var(--primary-glow);top:-10%;left:-10%}.glow-2{background:var(--secondary-glow);bottom:-10%;right:-10%}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;transition:var(--transition);background:0 0;border:none;font-family:inherit}.container{max-width:1300px;margin:0 auto;padding:0 2rem}.gradient-text{color:var(--primary);filter:drop-shadow(0 0 10px var(--primary-glow))}.neon-border{border:1px solid var(--primary);box-shadow:0 0 15px var(--primary-glow), inset 0 0 15px var(--primary-glow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}@media (max-width:768px){.container{padding:0 1.5rem}}