@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--color-electric-cyan:#00f0ff;--color-neon-green:#00ff87;--color-tactical-black:#0d0f12;--color-ghost-white:#f0f4f8;--color-surface-dark:#1a1d24;--color-border:#333842;--color-muted:#9ca3af;--color-background:var(--color-tactical-black);--color-surface:var(--color-surface-dark);--color-text-primary:var(--color-ghost-white);--color-text-secondary:var(--color-muted);--color-text-accent:var(--color-electric-cyan);--color-success:var(--color-neon-green);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"JetBrains Mono","Cascadia Code","Fira Code",monospace;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-10:80px;--space-12:96px;--space-16:128px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:100px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-tactical-black);color:var(--color-ghost-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--color-ghost-white);font-weight:700;line-height:1.2}p{font-family:var(--font-sans);color:var(--color-ghost-white);line-height:1.6}code,pre,kbd,samp,.font-mono,[data-mono]{font-family:var(--font-mono)}a{color:var(--color-electric-cyan);transition:opacity var(--transition-fast);text-decoration:none}a:hover{opacity:.85}:focus-visible{outline:2px solid var(--color-electric-cyan);outline-offset:3px;border-radius:var(--radius-sm)}.skip-link{background:var(--color-electric-cyan);color:var(--color-tactical-black);padding:var(--space-1)var(--space-2);font-weight:700;font-family:var(--font-sans);z-index:9999;border-radius:0 0 var(--radius-md)0;transition:top var(--transition-fast);font-size:14px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;min-height:48px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;min-width:44px;padding:12px 24px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-electric-cyan);color:var(--color-tactical-black)}.btn-primary:hover{box-shadow:0 4px 20px #00f0ff4d}.btn-outline{color:var(--color-electric-cyan);border:2px solid var(--color-electric-cyan);background:0 0}.btn-outline:hover{background:#00f0ff14}.btn-success{background:var(--color-neon-green);color:var(--color-tactical-black)}.card{background:var(--color-surface-dark);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.card-featured{border-color:var(--color-electric-cyan);border-width:2px}.badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);align-items:center;gap:4px;padding:3px 10px;font-size:11px;display:inline-flex}.badge-cyan{color:var(--color-electric-cyan);background:#00f0ff1a;border:1px solid #00f0ff4d}.badge-green{color:var(--color-neon-green);background:#00ff871a;border:1px solid #00ff874d}.badge-live:before{content:"";background:var(--color-neon-green);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot;display:inline-block}input,textarea,select{font-family:var(--font-sans);background:var(--color-surface-dark);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ghost-white);width:100%;transition:border-color var(--transition-fast);padding:12px 16px;font-size:16px}input:focus,textarea:focus,select:focus{border-color:var(--color-electric-cyan);outline:none;box-shadow:0 0 0 3px #00f0ff26}input::placeholder,textarea::placeholder{color:var(--color-muted)}label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-bottom:8px;font-size:12px;display:block}.text-cyan{color:var(--color-electric-cyan)}.text-green{color:var(--color-neon-green)}.text-white{color:var(--color-ghost-white)}.text-muted{color:var(--color-muted)}.bg-black{background-color:var(--color-tactical-black)}.bg-surface{background-color:var(--color-surface-dark)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-up{animation:.5s forwards fade-up}.animate-fade-in{animation:.4s forwards fade-in}.grid-bg{background-image:linear-gradient(#00f0ff08 1px,#0000 1px),linear-gradient(90deg,#00f0ff08 1px,#0000 1px);background-size:48px 48px}.section-kicker{font-family:var(--font-mono);color:var(--color-neon-green);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font-size:12px}.section-title{font-family:var(--font-sans);color:var(--color-ghost-white);margin-bottom:16px;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.2}.section-subtitle{font-family:var(--font-sans);color:var(--color-muted);max-width:560px;font-size:18px;line-height:1.6}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-4)0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-tactical-black)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}::selection{color:var(--color-ghost-white);background:#00f0ff33}@media (max-width:768px){.btn{justify-content:center;width:100%}}@media print{body{color:#000;background:#fff}.skip-link,nav{display:none}}