:root[data-theme=dark]{--bg-primary:#0b0c0e;--bg-secondary:#101113;--bg-tertiary:#16171a;--bg-card:#131417;--bg-card-hover:#191a1d;--bg-surface:#0e0f11;--bg-surface-hover:#1a1b1e;--bg-surface-active:#212225;--bg-elevated:#17181b;--bg-overlay:#060708b8;--bg-code:#0d0e10;--bg-code-header:#151619;--border-color:#ffffff0f;--border-subtle:#ffffff0a;--border-strong:#ffffff1a;--border-focus:#818cf8;--color-text-primary:#e4e4e7;--color-text-secondary:#9b9ba3;--color-text-muted:#6b6b72;--color-text-disabled:#45454a;--color-text-inverse:#0b0c0e;--color-text-link:#a5acf5;--accent-primary:#818cf8;--accent-primary-hover:#9aa3f9;--accent-cyan:#67a8c9;--accent-green:#6fae8a;--accent-purple:#9e8cc2;--accent-orange:#c08552;--accent-amber:#c4a05a;--accent-red:#c4685f;--accent-blue:#6e8fc7;--status-success:#6fae8a;--status-warning:#c4a05a;--status-danger:#c4685f;--status-info:#6e8fc7;--surface-primary:#818cf81a;--surface-primary-hover:#818cf829;--surface-cyan:#67a8c914;--surface-cyan-hover:#67a8c91f;--surface-green:#6fae8a14;--surface-green-hover:#6fae8a1f;--surface-purple:#9e8cc214;--surface-purple-hover:#9e8cc21f;--surface-orange:#c0855214;--surface-orange-hover:#c085521f;--surface-amber:#c4a05a14;--surface-red:#c4685f14;--border-primary:#818cf859;--border-cyan:#67a8c959;--border-green:#6fae8a59;--border-purple:#9e8cc259;--border-orange:#c0855259;--border-amber:#c4a05a59;--border-red:#c4685f59;--glow-primary:0 0 24px #818cf82e;--glow-cyan:0 0 20px #67a8c924;--glow-green:0 0 20px #6fae8a24;--glow-purple:0 0 20px #9e8cc224;--glow-orange:0 0 20px #c0855224;--glow-amber:0 0 20px #c4a05a24;--glow-red:0 0 20px #c4685f24;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 8px 32px #00000073;--shadow-xl:0 24px 64px #0000008c;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-display:4.5rem;--text-h1:3rem;--text-h2:2rem;--text-h3:1.5rem;--text-body:1rem;--text-sm:.875rem;--text-caption:.8125rem;--text-micro:.75rem;--weight-regular:400;--weight-medium:500;--weight-bold:700;--weight-black:900;--leading-tight:1.15;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.08em;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--transition-slow:.4s cubic-bezier(.16, 1, .3, 1);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--scrollbar-thumb:#ffffff24;--scrollbar-thumb-hover:#ffffff42;--selection-bg:#818cf84d;--glass-blur:blur(16px)}:root[data-theme=light]{--bg-primary:#fcfcfc;--bg-secondary:#f7f7f7;--bg-tertiary:#f1f1f2;--bg-card:#fff;--bg-card-hover:#f9f9f9;--bg-surface:#f5f5f6;--bg-surface-hover:#ececed;--bg-surface-active:#e2e2e4;--bg-elevated:#fff;--bg-overlay:#14141673;--bg-code:#f4f4f5;--bg-code-header:#eaeaec;--border-color:#00000012;--border-subtle:#0000000b;--border-strong:#0000001f;--border-focus:#4f46e5;--color-text-primary:#1c1c1f;--color-text-secondary:#5c5c64;--color-text-muted:#8c8c93;--color-text-disabled:#c2c2c6;--color-text-inverse:#fcfcfc;--color-text-link:#3f38c4;--accent-primary:#4f46e5;--accent-primary-hover:#4338ca;--accent-cyan:#3d7a99;--accent-green:#3f7d5c;--accent-purple:#6b5b95;--accent-orange:#9c5a32;--accent-amber:#96762e;--accent-red:#9c4038;--accent-blue:#3e5c99;--status-success:#3f7d5c;--status-warning:#96762e;--status-danger:#9c4038;--status-info:#3e5c99;--surface-primary:#4f46e512;--surface-primary-hover:#4f46e51f;--surface-cyan:#3d7a9912;--surface-cyan-hover:#3d7a991f;--surface-green:#3f7d5c12;--surface-green-hover:#3f7d5c1f;--surface-purple:#6b5b9512;--surface-purple-hover:#6b5b951f;--surface-orange:#9c5a3212;--surface-orange-hover:#9c5a321f;--surface-amber:#96762e12;--surface-red:#9c403812;--border-primary:#4f46e54d;--border-cyan:#3d7a994d;--border-green:#3f7d5c4d;--border-purple:#6b5b954d;--border-orange:#9c5a324d;--border-amber:#96762e4d;--border-red:#9c40384d;--glow-primary:0 0 20px #4f46e51f;--glow-cyan:0 0 16px #3d7a991a;--glow-green:0 0 16px #3f7d5c1a;--glow-purple:0 0 16px #6b5b951a;--glow-orange:0 0 16px #9c5a321a;--glow-amber:0 0 16px #96762e1a;--glow-red:0 0 16px #9c40381a;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 32px #00000014;--shadow-xl:0 24px 64px #0000001a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-display:4.5rem;--text-h1:3rem;--text-h2:2rem;--text-h3:1.5rem;--text-body:1rem;--text-sm:.875rem;--text-caption:.8125rem;--text-micro:.75rem;--weight-regular:400;--weight-medium:500;--weight-bold:700;--weight-black:900;--leading-tight:1.15;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.08em;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--transition-slow:.4s cubic-bezier(.16, 1, .3, 1);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--scrollbar-thumb:#0f172a24;--scrollbar-thumb-hover:#0f172a42;--selection-bg:#4f46e529;--glass-blur:blur(16px)}:root[data-theme=premium]{--bg-primary:#09090a;--bg-secondary:#0e0d0c;--bg-tertiary:#141312;--bg-card:#121110;--bg-card-hover:#181615;--bg-surface:#0d0c0b;--bg-surface-hover:#181614;--bg-surface-active:#1f1c1a;--bg-elevated:#151312;--bg-overlay:#050404bf;--bg-code:#0b0a09;--bg-code-header:#141210;--border-color:#d6b27a14;--border-subtle:#ffffff0a;--border-strong:#d6b27a29;--border-focus:#d6b27a;--color-text-primary:#ede7de;--color-text-secondary:#a69c8d;--color-text-muted:#6e6459;--color-text-disabled:#443e37;--color-text-inverse:#09090a;--color-text-link:#e4c592;--accent-primary:#d6b27a;--accent-primary-hover:#e4c592;--accent-cyan:#6b9aa8;--accent-green:#7fa687;--accent-purple:#9c8ca8;--accent-orange:#bc8354;--accent-amber:#d6b27a;--accent-red:#b3695f;--accent-blue:#6e8ca3;--status-success:#7fa687;--status-warning:#d6b27a;--status-danger:#b3695f;--status-info:#6e8ca3;--surface-primary:#d6b27a17;--surface-primary-hover:#d6b27a26;--surface-cyan:#6b9aa814;--surface-cyan-hover:#6b9aa81f;--surface-green:#7fa68714;--surface-green-hover:#7fa6871f;--surface-purple:#9c8ca814;--surface-purple-hover:#9c8ca81f;--surface-orange:#bc835414;--surface-orange-hover:#bc83541f;--surface-amber:#d6b27a14;--surface-red:#b3695f14;--border-primary:#d6b27a66;--border-cyan:#6b9aa859;--border-green:#7fa68759;--border-purple:#9c8ca859;--border-orange:#bc835459;--border-amber:#d6b27a66;--border-red:#b3695f59;--glow-primary:0 0 28px #d6b27a33;--glow-cyan:0 0 20px #6b9aa824;--glow-green:0 0 20px #7fa68724;--glow-purple:0 0 20px #9c8ca824;--glow-orange:0 0 20px #bc835424;--glow-amber:0 0 20px #d6b27a29;--glow-red:0 0 20px #b3695f24;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 24px 64px #0009;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-display:4.5rem;--text-h1:3rem;--text-h2:2rem;--text-h3:1.5rem;--text-body:1rem;--text-sm:.875rem;--text-caption:.8125rem;--text-micro:.75rem;--weight-regular:400;--weight-medium:500;--weight-bold:700;--weight-black:900;--leading-tight:1.15;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.08em;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--transition-slow:.4s cubic-bezier(.16, 1, .3, 1);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--scrollbar-thumb:#d6b27a29;--scrollbar-thumb-hover:#d6b27a47;--selection-bg:#d6b27a40;--glass-blur:blur(16px)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background:var(--selection-bg);color:var(--color-text-primary)}body{background-color:var(--bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--leading-normal);transition:background-color var(--transition-normal), color var(--transition-normal);overflow-x:hidden}code,pre{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.cyber-background{background:var(--bg-primary);z-index:-1;position:fixed;inset:0}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-normal), transform var(--transition-normal)}.glass-panel:hover{border-color:var(--border-primary);background:var(--bg-card-hover);box-shadow:var(--shadow-xl)}.glass-panel-static,.glass-panel-static:hover{border-color:var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-md);transform:none}.container{width:100%;padding-inline:var(--space-6)}.section{padding-block:var(--space-8);border-bottom:1px solid var(--border-color)}.section-eyebrow{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent-primary);margin-bottom:var(--space-2);display:inline-flex}.section-eyebrow:before{content:"";opacity:.5;background:currentColor;width:24px;height:1px;display:inline-block}.section-heading{font-family:var(--font-sans);font-size:var(--text-h1);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--space-5);color:var(--color-text-primary)}.section-subheading{font-family:var(--font-sans);font-size:var(--text-h2);font-weight:var(--weight-bold);letter-spacing:-.015em;margin-bottom:var(--space-4);color:var(--color-text-primary);line-height:1.25}.metric-chip{align-items:flex-start;gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-color);transition:border-color var(--transition-fast), background var(--transition-fast);flex-direction:column;display:flex}.metric-chip:hover{border-color:var(--border-strong);background:var(--bg-surface-hover)}.metric-chip__value{font-family:var(--font-mono);font-size:var(--text-h2);font-weight:var(--weight-bold);letter-spacing:-.02em;color:var(--color-text-primary);line-height:1}.metric-chip__label{font-family:var(--font-sans);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);line-height:1.35}.panel-eyebrow{font-family:var(--font-mono);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}.badge{font-family:var(--font-mono);font-size:var(--text-caption);font-weight:var(--weight-medium);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--color-text-secondary);align-items:center;gap:4px;padding:4px 10px;line-height:1;display:inline-flex}.badge-primary{background:var(--surface-primary);border-color:var(--border-primary);color:var(--accent-primary)}.badge-cyan{background:var(--surface-cyan);border-color:var(--border-cyan);color:var(--accent-cyan)}.badge-green{background:var(--surface-green);border-color:var(--border-green);color:var(--accent-green)}.badge-purple{background:var(--surface-purple);border-color:var(--border-purple);color:var(--accent-purple)}.badge-orange{background:var(--surface-orange);border-color:var(--border-orange);color:var(--accent-orange)}.badge-amber{background:var(--surface-amber);border-color:var(--border-amber);color:var(--accent-amber)}.badge-red{background:var(--surface-red);border-color:var(--border-red);color:var(--accent-red)}.timeline-container{border-left:2px solid var(--border-color);padding-left:32px;position:relative}.timeline-item{margin-bottom:var(--space-7);position:relative}.timeline-item:before{content:"";border-radius:var(--radius-full);background:var(--bg-primary);border:3px solid var(--border-color);z-index:2;width:18px;height:18px;transition:all var(--transition-fast);position:absolute;top:6px;left:-42px}.timeline-item.active:before{border-color:var(--accent-primary);background:var(--accent-primary);box-shadow:var(--glow-primary)}.timeline-item.done:before{border-color:var(--accent-green);background:var(--accent-green);box-shadow:var(--glow-green)}.keyword-highlight{background:var(--surface-primary);border-bottom:1px dashed var(--accent-primary);color:var(--color-text-primary);font-weight:var(--weight-medium);transition:background var(--transition-fast);border-radius:2px;padding:0 2px}@keyframes pulse-glow{0%,to{box-shadow:var(--glow-primary)}50%{box-shadow:0 0 30px #818cf847}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.container{padding-inline:var(--space-5)}.section{padding-block:var(--space-7)}}@media (width<=768px){.container{padding-inline:var(--space-4)}.section{padding-block:var(--space-6)}.cards-grid,.grid-3-col,.grid-2-col{gap:var(--space-4)!important;grid-template-columns:1fr!important}.glass-panel{padding:var(--space-5)!important;border-radius:var(--radius-xl)!important}.hero-container{text-align:center!important;gap:var(--space-5)!important;flex-direction:column!important}.hero-text-container{align-items:center!important}.timeline-container{padding-left:20px}.timeline-item:before{width:14px;height:14px;top:8px;left:-30px}}@media (width<=480px){.container{padding-inline:var(--space-3)}.glass-panel{padding:var(--space-4)!important;border-radius:var(--radius-lg)!important}.flip-card{height:350px!important}.flip-card-front,.flip-card-back{padding:var(--space-4)!important}.card-title-text{font-size:1.1rem!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}