:root{--bg-primary:#0a0c10;--bg-secondary:#121620;--bg-tertiary:#1a1f2e;--border-color:#242b3d;--border-glow:#00c6ff26;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-fluid:#06b6d4;--accent-fluid-rgb:6, 182, 212;--accent-traffic:#10b981;--accent-traffic-rgb:16, 185, 129;--accent-grid:#e11d48;--accent-grid-rgb:225, 29, 72;--accent-mech:#f59e0b;--accent-mech-rgb:245, 158, 11;--accent-brand:#6366f1;--accent-brand-rgb:99, 102, 241;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 8px 24px #0009;--shadow-lg:0 16px 40px #000000b3;--shadow-glow:0 0 20px #6366f133;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display:"Outfit", sans-serif;--font-mono:"Fira Code", ui-monospace, monospace;font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;--grid-line-color:#12162059;--glow-color-15:#6366f126;--glow-color-45:#6366f173}.wh40k-theme{--bg-primary:#0a0808;--bg-secondary:#140f0f;--bg-tertiary:#1f1515;--border-color:#3b1c1c;--border-glow:#a8111140;--text-primary:#f8f6f6;--text-secondary:#d3c4c4;--text-muted:#8c7373;--accent-fluid:#0fc;--accent-fluid-rgb:0, 255, 204;--accent-traffic:#a81111;--accent-traffic-rgb:168, 17, 17;--accent-grid:#d4af37;--accent-grid-rgb:212, 175, 55;--accent-mech:#df800d;--accent-mech-rgb:223, 128, 13;--accent-brand:#a81111;--accent-brand-rgb:168, 17, 17;--shadow-sm:0 2px 8px #0009;--shadow-md:0 8px 24px #000000b3;--shadow-lg:0 16px 40px #000c;--shadow-glow:0 0 20px #a811114d;--grid-line-color:#3b1c1c59;--glow-color-15:#a8111126;--glow-color-45:#a8111173}.light-theme{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--border-color:#e2e8f0;--border-glow:#6366f11a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 16px 40px #0000001f;--shadow-glow:0 0 20px #6366f11a;--grid-line-color:#e2e8f099;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body,header,footer,main,.glass,a,button,.btn-primary,.badge,.logo,.logo-text,.nav-link,.mode-toggle,.theme-toggle{transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out}body{background-image:linear-gradient(var(--grid-line-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line-color) 1px, transparent 1px);background-position:top;background-size:40px 40px;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.light-theme body{background-image:linear-gradient(var(--grid-line-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line-color) 1px, transparent 1px)}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin:0;font-weight:700}p{color:var(--text-secondary);line-height:1.625}a{color:var(--accent-brand);text-decoration:none;transition:all .2s}a:hover{color:var(--text-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border:2px solid var(--bg-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1.25rem}}.glass{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);background:#121620b3;border-radius:16px}.light-theme .glass{background:#ffffffbf;border:1px solid #e2e8f0cc}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px var(--glow-color-15)}50%{box-shadow:0 0 30px var(--glow-color-45)}}@keyframes pulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.6;transform:scale(.9)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-float{animation:6s ease-in-out infinite float}.btn-primary{background:var(--accent-brand);color:#fff;font-family:var(--font-display);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover,.glass:hover .btn-primary{box-shadow:var(--shadow-glow);background:#4f46e5;transform:translateY(-1px)}.btn-primary:active,.glass:active .btn-primary{transform:translateY(0)}.badge{font-size:.75rem;font-weight:600;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;align-items:center;padding:.35rem .75rem;display:inline-flex}.badge-fluid{color:var(--accent-fluid);background:#06b6d41f;border:1px solid #06b6d440}.badge-traffic{color:var(--accent-traffic);background:#10b9811f;border:1px solid #10b98140}.badge-grid{color:var(--accent-grid);background:#e11d481f;border:1px solid #e11d4840}.badge-mech{color:var(--accent-mech);background:#f59e0b1f;border:1px solid #f59e0b40}.badge-journeys{color:var(--accent-traffic);background:#10b9811f;border:1px solid #10b98140}.badge-takeaways{color:var(--accent-mech);background:#f59e0b1f;border:1px solid #f59e0b40}.loading-container{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner-wrapper{width:60px;height:60px;margin-bottom:1.5rem;position:relative}.loading-spinner{border:3px solid #6366f11a;border-top-color:var(--accent-brand);border-radius:50%;width:100%;height:100%;animation:1s linear infinite spin}.loading-logo-glow{filter:blur(4px);background:radial-gradient(circle,#6366f140 0%,#0000 70%);border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-text{font-size:.95rem;font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.05em}.page-transition-content{will-change:opacity;transition:opacity .25s ease-in-out}.page-loading-dim{opacity:.6;pointer-events:none}