@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap");
:root{--bg:#0e0e0e;--bg-alt:#050505;--text:#fff;--muted:#adaaaa;--primary:#cafd00;--secondary:#00eefc;--border:#262626}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:"Manrope",sans-serif}
.container{width:min(1280px,92vw);margin:0 auto;position:relative;z-index:2}
.btn{position:relative;display:inline-block;border:1px solid var(--border);padding:12px 18px;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.12em;clip-path:polygon(0 0,92% 0,100% 25%,100% 100%,8% 100%,0 75%)}
.btn-primary{background:var(--primary);color:#000!important;border-color:var(--primary)} .btn-outline{background:transparent;color:var(--primary)!important;border-color:var(--primary)}
.reveal-on-scroll{opacity:0;transform:translateY(18px);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1)}
.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}