:root{--color-bg: #0E0E10;--color-surface: #17171B;--color-surface-raised: #1F1F24;--color-surface-inverse: #FAFAF7;--color-text: #F5F5F4;--color-text-muted: #A8A29E;--color-text-subtle: #6B6964;--color-text-inverse: #0E0E10;--color-text-inverse-muted: #57534E;--color-accent: #D4AF37;--color-accent-hover: #B8962E;--color-accent-soft: #2A2419;--color-accent-text: #0E0E10;--color-border: #2A2A2F;--color-border-strong: #3A3A40;--color-border-subtle: #1F1F24;--color-success: #6B8E5A;--color-warning: #C9962E;--color-danger: #A8463C;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-10: 8rem;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif: "Fraunces", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.5rem;--text-4xl: 3.5rem;--text-5xl: 4.5rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.55;--leading-relaxed: 1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45);--shadow-glow: 0 0 24px rgba(212, 175, 55, .15);--transition-fast: .12s ease-out;--transition-base: .2s ease-out;--transition-slow: .4s ease-out;--easing-smooth: cubic-bezier(.4, 0, .2, 1);--container-narrow: 640px;--container-base: 960px;--container-wide: 1200px;--container-full: 1440px;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{min-height:100vh;display:flex;flex-direction:column}h1{font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h3{font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}h4{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}h5{font-size:var(--text-lg);font-weight:var(--weight-semibold)}h6{font-size:var(--text-md);font-weight:var(--weight-semibold)}p{font-size:var(--text-base);line-height:var(--leading-normal)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-accent-hover)}code{font-family:var(--font-mono);font-size:var(--text-sm)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--sm{gap:var(--space-2)}.stack--md{gap:var(--space-4)}.stack--lg{gap:var(--space-6)}.stack--xl{gap:var(--space-8)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.cluster--sm{gap:var(--space-2)}.cluster--lg{gap:var(--space-6)}.container{width:100%;max-width:var(--container-base);margin:0 auto;padding:0 var(--space-4)}.container--narrow{max-width:var(--container-narrow)}.container--wide{max-width:var(--container-wide)}.container--full{max-width:var(--container-full)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.mt-sm{margin-top:var(--space-2)}.mt-md{margin-top:var(--space-4)}.mt-lg{margin-top:var(--space-6)}.mt-xl{margin-top:var(--space-8)}.mb-sm{margin-bottom:var(--space-2)}.mb-md{margin-bottom:var(--space-4)}.mb-lg{margin-bottom:var(--space-6)}.mb-xl{margin-bottom:var(--space-8)}.px-sm{padding-left:var(--space-2);padding-right:var(--space-2)}.px-md{padding-left:var(--space-4);padding-right:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-base);text-decoration:none;gap:var(--space-2)}.btn--primary{background-color:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.btn--primary:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:var(--shadow-glow)}.btn--secondary{background-color:transparent;color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover{background-color:var(--color-surface-raised);border-color:var(--color-accent);color:var(--color-accent)}.btn--ghost{background-color:transparent;color:var(--color-text);border-color:transparent}.btn--ghost:hover{color:var(--color-accent)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-md)}.btn--full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{background-color:var(--color-surface-raised);border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.card__header,.card__body{margin-bottom:var(--space-4)}.card__footer{margin-top:var(--space-4)}.card--elevated{background-color:var(--color-surface-raised);box-shadow:var(--shadow-md)}.card--elevated:hover{box-shadow:var(--shadow-lg)}.card--light{background-color:var(--color-surface-inverse);color:var(--color-text-inverse);border-color:transparent}.card--light:hover{box-shadow:var(--shadow-md)}.card--compact{padding:var(--space-4)}.section{padding:var(--space-9) var(--space-4)}.section--sm{padding:var(--space-6) var(--space-4)}.section--lg{padding:var(--space-10) var(--space-4)}.section--dark{background-color:var(--color-bg);color:var(--color-text)}.section--surface{background-color:var(--color-surface);color:var(--color-text)}.section--light{background-color:var(--color-surface-inverse);color:var(--color-text-inverse)}.section--accent{background-color:var(--color-accent-soft);color:var(--color-text)}.section__content{max-width:var(--container-base);margin:0 auto}.section__content--narrow{max-width:var(--container-narrow)}.section__content--wide{max-width:var(--container-wide)}.section__grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.section__grid--2{grid-template-columns:repeat(2,1fr)}.section__grid--3{grid-template-columns:repeat(3,1fr)}.section--hero{min-height:80vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);position:relative}.hero__content{text-align:center;max-width:var(--container-narrow)}.hero__title{margin-bottom:var(--space-4)}.hero__subtitle{font-size:var(--text-md);color:var(--color-text-muted);margin-bottom:var(--space-6)}.section--cta{background:linear-gradient(135deg,var(--color-accent-soft) 0%,transparent 100%);text-align:center;padding:var(--space-8) var(--space-4)}.cta__title{margin-bottom:var(--space-4)}.cta__description{color:var(--color-text-muted);margin-bottom:var(--space-6)}@media (max-width: 768px){.section{padding:var(--space-7) var(--space-4)}.section__grid--2,.section__grid--3{grid-template-columns:1fr}.section--hero{min-height:60vh}}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center}.hero-content{display:flex;flex-direction:column}.hero-chart{min-height:350px;display:flex;align-items:center}@media (max-width: 1024px){.hero-grid{grid-template-columns:1fr;gap:var(--space-6)}.hero-chart{min-height:300px}}@media (max-width: 768px){.hero-grid{gap:var(--space-4)}.hero-chart{min-height:250px}}