@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--bg-primary:#07080b;--bg-secondary:#0d0f14;--bg-card:#0d1017bf;--bg-card-hover:#161b26d9;--border-color:#ffffff14;--border-glow:#00f0ff26;--border-glow-purple:#bd00ff26;--accent-cyan:#00f0ff;--accent-cyan-rgb:0, 240, 255;--accent-purple:#bd00ff;--accent-purple-rgb:189, 0, 255;--accent-green:#05ffc5;--accent-green-rgb:5, 255, 197;--text-primary:#fff;--text-secondary:#90a1b5;--text-muted:#566982;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-cyan:0 0 15px #00f0ff40;--shadow-purple:0 0 15px #bd00ff40;--shadow-green:0 0 15px #05ffc540;--transition-smooth:all .3s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .15s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);max-width:100vw;color:var(--text-primary);font-family:var(--font-sans);scroll-behavior:smooth;font-size:16px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1c2130;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}a{color:inherit;text-decoration:none}.cyber-bg{z-index:-2;pointer-events:none;background-image:linear-gradient(#00f0ff04 1px,#0000 1px),linear-gradient(90deg,#00f0ff04 1px,#0000 1px);background-position:50%;background-size:50px 50px;position:fixed;inset:0}.cyber-bg:before{content:"";z-index:-1;background:radial-gradient(circle at 20% 30%,#bd00ff0a 0%,#0000 40%),radial-gradient(circle at 80% 70%,#00f0ff0a 0%,#0000 40%);position:absolute;inset:0}.cyber-grid-overlay{pointer-events:none;z-index:9999;opacity:.15;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08) 0 0/6px 100%;width:100%;height:100%;position:fixed;top:0;left:0}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:12px;padding:1.5rem}.glass-card:hover{background:var(--bg-card-hover);border-color:#00f0ff33;box-shadow:0 8px 30px #00000080,0 0 15px #00f0ff0d}.glass-card-purple:hover{border-color:#bd00ff33;box-shadow:0 8px 30px #00000080,0 0 15px #bd00ff0d}.cyber-btn{color:var(--accent-cyan);border:1px solid var(--accent-cyan);font-family:var(--font-mono);cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:1px;background:0 0;border-radius:4px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.cyber-btn:before{content:"";background:linear-gradient(90deg,#0000,#00f0ff33,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.cyber-btn:hover:before{left:100%}.cyber-btn:hover{color:#000;background:var(--accent-cyan);box-shadow:var(--shadow-cyan)}.cyber-btn-purple{color:var(--accent-purple);border-color:var(--accent-purple)}.cyber-btn-purple:hover{color:#fff;background:var(--accent-purple);box-shadow:var(--shadow-purple)}.section-header{text-align:center;margin-bottom:3.5rem}.section-title{font-family:var(--font-display);letter-spacing:-.5px;text-transform:uppercase;margin-bottom:.5rem;font-size:2.5rem;font-weight:800;display:inline-block;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-cyan), var(--accent-purple), transparent);width:80%;height:2px;position:absolute;bottom:-6px;left:10%}.section-subtitle{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;margin-top:.5rem;font-size:.95rem}@keyframes neonPulse{0%,to{opacity:.8;filter:drop-shadow(0 0 2px var(--accent-cyan))}50%{opacity:1;filter:drop-shadow(0 0 8px var(--accent-cyan))}}.neon-pulse{animation:2s ease-in-out infinite neonPulse}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.scanline-effect{position:relative;overflow:hidden}.scanline-effect:after{content:"";pointer-events:none;background:#00f0ff26;width:100%;height:4px;animation:6s linear infinite scanline;position:absolute;top:0;left:0}