@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--primary:#afff00;--primary-glow:#afff0066;--secondary:#a855f7;--accent:#0ea5e9;--background:#08090a;--surface:#121417;--glass:#ffffff05;--glass-border:#ffffff0d;--text:#fff;--text-dim:#94a3b8;--font-mono:"JetBrains Mono",monospace;--font-ui:"Outfit",sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:32px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#afff0008 1px,#0000 1px),linear-gradient(90deg,#afff0008 1px,#0000 1px);background-size:50px 50px;position:fixed;inset:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.neo-panel{background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 50px -20px #000c,0 0 0 1px #ffffff0d}.neo-panel:hover{border-color:var(--primary);box-shadow:0 20px 50px -20px #000c,0 0 15px var(--primary-glow)}.cyber-title{font-family:var(--font-mono);letter-spacing:-.05em;background:linear-gradient(135deg,#fff 0%,var(--primary)100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #afff0033);-webkit-background-clip:text;background-clip:text;font-weight:800}.btn-cyber{border-radius:var(--radius-sm);background:var(--primary);color:#000;font-weight:700;font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 0 20px var(--primary-glow);border:none;padding:1rem 2rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-cyber:hover{box-shadow:0 0 30px var(--primary);filter:brightness(1.1);transform:skew(-5deg)}.btn-outline{border-radius:var(--radius-sm);color:var(--primary);border:1px solid var(--primary);font-weight:700;font-family:var(--font-mono);cursor:pointer;background:0 0;padding:1rem 2rem;transition:all .2s}.btn-outline:hover{background:var(--primary);color:#000}.input-cyber{border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--primary);font-family:var(--font-mono);background:#000;padding:1.25rem;font-size:1rem;transition:all .3s}.input-cyber:focus{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);outline:none}.mono-display{font-family:var(--font-mono);border-radius:var(--radius-sm);border-left:4px solid var(--primary);color:#fff;word-break:break-all;background:#000;padding:1.5rem;position:relative;overflow:hidden}.label-cyber{font-family:var(--font-mono);color:var(--primary);text-transform:uppercase;opacity:.8;letter-spacing:.2em;margin-bottom:.75rem;font-size:.75rem;display:block}.nav-link{font-family:var(--font-mono);color:var(--text-dim);font-size:.875rem;text-decoration:none;transition:all .3s}.nav-link:hover{color:var(--primary)}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch-hover:hover{animation:.3s infinite glitch}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.6s ease-out forwards fade-in}