@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Fira+Code:wght@300;400;500&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--neon:#00f5d4;--neon2:#7b2fff;--neon3:#ff6b35;--bg:#050510;--bg2:#0a0a1a;--bg3:#0f0f25;--card:#0d0d20;--card2:#111128;--text:#e2e8f0;--muted:#64748b;--border:#00f5d41f;--border2:#ffffff12;--font-mono:"Fira Code", monospace;--font-sans:"Space Grotesk", sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#00f5d44d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#00f5d480}.grid-overlay{z-index:0;pointer-events:none;background-image:linear-gradient(#00f5d406 1px,#0000 1px),linear-gradient(90deg,#00f5d406 1px,#0000 1px);background-size:60px 60px;width:100%;height:100%;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%)}.section-wrapper{z-index:1;max-width:1400px;margin:0 auto;padding:2rem 3rem;position:relative}.section-tag{font-family:var(--font-mono);color:var(--neon);letter-spacing:.15em;text-transform:uppercase;opacity:.9;margin-bottom:.8rem;font-size:.78rem}.section-tag:before{content:"// "}.section-title{margin-bottom:.8rem;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15}.section-line{background:linear-gradient(90deg, var(--neon), transparent);width:60px;height:2px;margin-bottom:3.5rem}.reveal{opacity:0;transition:all .7s cubic-bezier(.25,.46,.45,.94);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.neon-text{color:var(--neon)}.neon-glow{text-shadow:0 0 30px #00f5d459}.gradient-text{background:linear-gradient(135deg, var(--neon), var(--neon2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(135deg, var(--neon), #00c8b0);color:var(--bg);cursor:pointer;font-size:.9rem;font-weight:700;font-family:var(--font-sans);border:none;border-radius:4px;align-items:center;gap:.6rem;padding:.85rem 2rem;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px #00f5d459}.btn-secondary{color:var(--text);cursor:pointer;font-size:.9rem;font-family:var(--font-sans);background:0 0;border:1px solid #ffffff26;border-radius:4px;align-items:center;gap:.6rem;padding:.85rem 2rem;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{border-color:var(--neon2);color:var(--neon2);transform:translateY(-2px)}.btn-ghost{color:var(--neon);cursor:pointer;font-size:.85rem;font-family:var(--font-sans);background:#00f5d40f;border:1px solid #00f5d433;border-radius:4px;align-items:center;gap:.6rem;padding:.7rem 1.5rem;text-decoration:none;transition:all .3s;display:inline-flex}.btn-ghost:hover{background:#00f5d41f;box-shadow:0 0 20px #00f5d426}.btn-download{color:#a78bfa;cursor:pointer;font-size:.9rem;font-family:var(--font-sans);background:#7b2fff1f;border:1px solid #7b2fff4d;border-radius:4px;align-items:center;gap:.6rem;padding:.85rem 2rem;text-decoration:none;transition:all .3s;display:inline-flex}.btn-download:hover{background:#7b2fff40;border-color:#7b2fff;transform:translateY(-2px);box-shadow:0 10px 30px #7b2fff4d}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;transition:all .3s}.card:hover{border-color:#00f5d44d;transform:translateY(-3px);box-shadow:0 15px 40px #0006}.tag{border-radius:100px;padding:.35rem .85rem;font-size:.75rem;font-weight:500}.tag-neon{color:var(--neon);background:#00f5d412;border:1px solid #00f5d433}.tag-purple{color:#a78bfa;background:#7b2fff12;border:1px solid #7b2fff33}.tag-orange{color:#fb923c;background:#ff6b3512;border:1px solid #ff6b3533}.tag-blue{color:#7dd3fc;background:#38bdf812;border:1px solid #38bdf833}.tag-mono{color:var(--muted);font-family:var(--font-mono);background:#ffffff0a;border:1px solid #ffffff14}.input-dark{background:var(--card);border:1px solid var(--border2);color:var(--text);font-family:var(--font-sans);border-radius:6px;outline:none;width:100%;padding:.85rem 1rem;font-size:.9rem;transition:border-color .3s}.input-dark:focus{border-color:var(--neon)}.input-dark::placeholder{color:var(--muted)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 #00f5d466}50%{box-shadow:0 0 0 8px #00f5d400}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes glitch{0%,to{clip-path:inset(0 0 100%)}20%{clip-path:inset(20% 0 60%);transform:translate(-3px)}40%{clip-path:inset(50% 0 30%);transform:translate(3px)}60%{clip-path:inset(80% 0 5%);transform:translate(-2px)}}.animate-float{animation:3s ease-in-out infinite float}.animate-spin-slow{animation:20s linear infinite spin}.animate-pulse-dot{animation:2s infinite pulse}.animate-blink{animation:.8s infinite blink}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@media (max-width:768px){.section-wrapper{padding:4rem 1.5rem}}