:root{--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--space-12: 5rem;--container-max: 1200px;--header-height: 68px;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .16s;--duration-med: .32s;--duration-slow: .56s;--z-header: 100;--z-toast: 200;--z-fab: 150;--z-overlay: 300;--z-drawer-backdrop: 230;--z-drawer: 240;--z-back-to-top: var(--z-fab);--z-skip-link: var(--z-overlay)}:root{--surface-1: var(--surface);--surface-2: var(--bg-subtle);--surface-3: var(--bg-elevated);--text-1: var(--text-primary);--text-2: var(--text-secondary);--text-3: var(--text-muted);--accent-1: var(--primary);--accent-2: var(--accent);--danger: var(--error);--info: var(--accent);--shadow-glow: var(--shadow-brand)}:root{color-scheme:light;--bg: #f6f8fb;--bg-elevated: #ffffff;--bg-subtle: #eef2f7;--surface: #ffffff;--surface-hover: #f8fafc;--glass-bg: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .9);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-on-primary: #ffffff;--primary: #6d28d9;--primary-hover: #5b21b6;--primary-soft: rgba(109, 40, 217, .12);--accent: #0284c7;--accent-soft: rgba(2, 132, 199, .12);--success: #059669;--warning: #d97706;--error: #dc2626;--border: rgba(15, 23, 42, .1);--border-strong: rgba(15, 23, 42, .18);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .1);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 6px rgba(15, 23, 42, .06);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12), 0 4px 12px rgba(15, 23, 42, .08);--shadow-brand: 0 8px 24px rgba(109, 40, 217, .25);--gradient-brand: linear-gradient(135deg, #7c3aed 0%, #6d28d9 45%, #0284c7 100%);--gradient-soft: linear-gradient(135deg, rgba(124, 58, 237, .08), rgba(2, 132, 199, .08));--gradient-text: linear-gradient(120deg, #7c3aed, #0284c7);--hero-glow-a: rgba(124, 58, 237, .18);--hero-glow-b: rgba(2, 132, 199, .16);--particle-color: rgba(15, 23, 42, .14);--code-bg: #0f172a;--code-text: #e2e8f0}:root[data-theme=dark]{color-scheme:dark;--bg: #0b1120;--bg-elevated: #131c31;--bg-subtle: #0f172a;--surface: #131c31;--surface-hover: #1a2540;--glass-bg: rgba(11, 17, 32, .6);--glass-border: rgba(148, 163, 184, .12);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #7b8aa5;--text-on-primary: #ffffff;--primary: #8b5cf6;--primary-hover: #a78bfa;--primary-soft: rgba(139, 92, 246, .16);--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .16);--success: #34d399;--warning: #fbbf24;--error: #f87171;--border: rgba(148, 163, 184, .14);--border-strong: rgba(148, 163, 184, .26);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .45);--shadow-brand: 0 8px 24px rgba(139, 92, 246, .3);--gradient-brand: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 45%, #38bdf8 100%);--gradient-soft: linear-gradient(135deg, rgba(139, 92, 246, .14), rgba(56, 189, 248, .14));--gradient-text: linear-gradient(120deg, #a78bfa, #38bdf8);--hero-glow-a: rgba(139, 92, 246, .22);--hero-glow-b: rgba(56, 189, 248, .2);--particle-color: rgba(148, 163, 184, .18);--code-bg: #0b1120;--code-text: #e2e8f0}@media(prefers-color-scheme:dark){:root[data-theme=system]{color-scheme:dark;--bg: #0b1120;--bg-elevated: #131c31;--bg-subtle: #0f172a;--surface: #131c31;--surface-hover: #1a2540;--glass-bg: rgba(11, 17, 32, .6);--glass-border: rgba(148, 163, 184, .12);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #7b8aa5;--text-on-primary: #ffffff;--primary: #8b5cf6;--primary-hover: #a78bfa;--primary-soft: rgba(139, 92, 246, .16);--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .16);--success: #34d399;--warning: #fbbf24;--error: #f87171;--border: rgba(148, 163, 184, .14);--border-strong: rgba(148, 163, 184, .26);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .45);--shadow-brand: 0 8px 24px rgba(139, 92, 246, .3);--gradient-brand: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 45%, #38bdf8 100%);--gradient-soft: linear-gradient(135deg, rgba(139, 92, 246, .14), rgba(56, 189, 248, .14));--gradient-text: linear-gradient(120deg, #a78bfa, #38bdf8);--hero-glow-a: rgba(139, 92, 246, .22);--hero-glow-b: rgba(56, 189, 248, .2);--particle-color: rgba(148, 163, 184, .18);--code-bg: #0b1120;--code-text: #e2e8f0}}:root{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 16px);-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-med) var(--ease-out),color var(--duration-med) var(--ease-out)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2;margin:0 0 var(--space-3);color:var(--text-primary);font-weight:700;letter-spacing:-.02em}p{margin:0 0 var(--space-4)}a{color:var(--primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--primary-hover)}img{max-width:100%;display:block}code,pre{font-family:var(--font-mono)}::selection{background:var(--primary);color:var(--text-on-primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-5)}@media(min-width:1024px){.container{padding-inline:var(--space-6)}}.section{padding-block:var(--space-10)}@media(min-width:1024px){.section{padding-block:var(--space-12)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.65rem 1.35rem;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.92rem;font-weight:600;line-height:1.4;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.btn:hover{transform:translateY(-2px)}.btn--primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--text-on-primary);box-shadow:var(--shadow-brand)}.btn--primary:hover{box-shadow:var(--shadow-glow);filter:brightness(1.05)}.btn--outline{background:transparent;color:var(--text-1);border-color:var(--border-strong)}.btn--outline:hover{border-color:var(--primary);color:var(--primary)}.btn--ghost{background:var(--surface-1);color:var(--text-1);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn--ghost:hover{border-color:var(--primary);color:var(--primary)}.btn--lg{padding:.85rem 1.8rem;font-size:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--duration-med) var(--ease-out),box-shadow var(--duration-med) var(--ease-out),border-color var(--duration-med) var(--ease-out)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.78rem;font-weight:600;letter-spacing:.02em;background:var(--primary-soft);color:var(--primary);border:1px solid transparent}.pill--accent{background:var(--accent-soft);color:var(--accent)}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}[data-reveal].is-revealed{opacity:1;transform:none}.section-heading{max-width:720px;margin-bottom:var(--space-8)}.section-heading__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--primary);margin-bottom:var(--space-2)}.section-heading__title{font-size:clamp(1.9rem,4vw,2.6rem);margin-bottom:var(--space-3)}.section-heading__subtitle{color:var(--text-secondary);font-size:1.05rem;margin:0}.section-heading--center{margin-inline:auto;text-align:center}.grid-2{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}}.grid-3{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media(min-width:768px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-4{display:grid;gap:var(--space-5);grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.grid-4{grid-template-columns:repeat(4,1fr)}}.empty-state{text-align:center;padding:var(--space-10);color:var(--text-muted)}.empty-state__icon{font-size:3rem;margin-bottom:var(--space-4)}.markdown-body{line-height:1.75;color:var(--text-secondary)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--text-primary);margin-top:var(--space-6);margin-bottom:var(--space-3)}.markdown-body h2{font-size:1.6rem;border-bottom:1px solid var(--border);padding-bottom:var(--space-2)}.markdown-body ul,.markdown-body ol{padding-left:var(--space-5);margin-bottom:var(--space-4)}.markdown-body li{margin-bottom:var(--space-2)}.markdown-body blockquote{margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);border-left:3px solid var(--primary);background:var(--gradient-soft);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}.markdown-body pre{background:var(--code-bg);color:var(--code-text);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-4) 0}.markdown-body code{background:var(--primary-soft);padding:.15em .4em;border-radius:var(--radius-xs);font-size:.9em}.markdown-body code:not(pre code){color:var(--primary)}.markdown-body pre code{background:transparent;padding:0;color:inherit}.markdown-body img{border-radius:var(--radius-md);margin:var(--space-4) 0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:var(--shadow-glow)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--accent-1) 12%,transparent)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}