:root{--color-blue-900: #05081A;--color-blue-800: #09112D;--color-blue-700: #0C1E46;--color-blue-500: #1451A8;--color-blue-300: #7FA8E6;--color-green-700: #046B45;--color-green-500: #049C63;--color-green-300: #7BD9A8;--color-red-700: #B00020;--color-red-500: #D10214;--color-red-300: #F66A6A;--color-yellow-600: #F4B000;--color-yellow-500: #FEC310;--color-yellow-300: #FFE68A;--color-neutral-900: #020308;--color-neutral-800: #121212;--color-neutral-700: #20232B;--color-neutral-500: #5A5F6D;--color-neutral-300: #C4C8D4;--color-neutral-100: #F3F4F7;--color-white: #FFFFFF;--color-brand-primary: var(--color-blue-700);--color-brand-primary-soft: var(--color-blue-800);--color-brand-secondary: var(--color-green-500);--color-brand-accent-warm: var(--color-yellow-500);--color-brand-accent-alt: var(--color-red-500);--color-surface-main: var(--color-blue-900);--color-surface-alt: var(--color-neutral-100);--color-surface-card-dark: var(--color-blue-800);--color-surface-card-light: var(--color-white);--color-text-main-on-dark: var(--color-white);--color-text-main-on-light: var(--color-neutral-900);--color-text-muted-on-dark: var(--color-neutral-300);--color-text-muted-on-light: var(--color-neutral-500);--color-text-link: var(--color-blue-300);--color-state-success: var(--color-green-500);--color-state-success-bg: var(--color-green-300);--color-state-error: var(--color-red-700);--color-state-error-bg: var(--color-red-300);--color-state-warning: var(--color-yellow-500);--color-state-warning-bg: var(--color-yellow-300);--color-state-live: var(--color-green-500);--color-state-disabled: var(--color-neutral-300);--color-cta-primary: var(--color-yellow-500);--color-cta-primary-hover: var(--color-yellow-600);--color-cta-secondary: var(--color-green-500);--color-cta-secondary-hover: var(--color-green-700);--color-badge-highlight: var(--color-yellow-600);--color-badge-outline: var(--color-neutral-300);--color-divider: var(--color-neutral-300);--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3rem;--line-height-tight: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-xxs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--container-max-width: 1200px;--grid-columns: 12;--grid-gutter: 24px;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-pill: 999px;--border-width-thin: 1px;--border-width-thick: 2px;--shadow-soft: 0 8px 24px rgba(0, 0, 0, .25);--shadow-cta: 0 4px 12px rgba(0, 0, 0, .35);--shadow-elevated: 0 16px 40px rgba(0, 0, 0, .45)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-base);background-color:var(--color-surface-alt);color:var(--color-text-main-on-light);line-height:var(--line-height-normal);font-size:var(--font-size-md)}html{scroll-behavior:smooth}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-align:center;text-decoration:none;cursor:pointer;transition:all .3s ease;line-height:var(--line-height-normal)}.btn-primary{background-color:var(--color-cta-primary);color:var(--color-white);box-shadow:var(--shadow-cta)}.btn-primary:hover{background-color:var(--color-cta-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.btn-secondary{background-color:var(--color-cta-secondary);color:var(--color-white);box-shadow:var(--shadow-soft)}.btn-secondary:hover{background-color:var(--color-cta-secondary-hover);transform:translateY(-2px)}.btn-ghost{background-color:transparent;color:var(--color-white);border:2px solid var(--color-white)}.btn-ghost:hover{background-color:#ffffff1a}.btn-lg{padding:16px 32px;font-size:var(--font-size-lg)}.card{background-color:var(--color-surface-card-light);border-radius:var(--radius-md);padding:var(--space-xl);box-shadow:var(--shadow-soft);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated)}.card-dark{background-color:var(--color-surface-card-dark);color:var(--color-text-main-on-dark)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);color:var(--color-text-main-on-light)}.card-dark .card-title{color:var(--color-text-main-on-dark)}.card-text{font-size:var(--font-size-md);color:var(--color-text-muted-on-light);line-height:var(--line-height-relaxed)}.card-dark .card-text{color:var(--color-text-muted-on-dark)}.badge{display:inline-block;padding:6px 12px;border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.badge-live{background-color:var(--color-state-live);color:var(--color-white)}.badge-highlight{background-color:var(--color-badge-highlight);color:var(--color-neutral-900)}.icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--color-brand-primary);color:var(--color-white);font-size:var(--font-size-xl);margin-bottom:var(--space-md)}.icon-success{background-color:var(--color-state-success)}.icon-warning{background-color:var(--color-state-warning);color:var(--color-neutral-900)}.section{padding:var(--space-4xl) 0}.section-dark{background-color:var(--color-surface-main);color:var(--color-text-main-on-dark)}.section-light{background-color:var(--color-surface-alt);color:var(--color-text-main-on-light)}.section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--space-md)}.section-subtitle{font-size:var(--font-size-lg);text-align:center;color:var(--color-text-muted-on-light);margin-bottom:var(--space-3xl);max-width:700px;margin-left:auto;margin-right:auto}.section-dark .section-subtitle{color:var(--color-text-muted-on-dark)}.text-center{text-align:center}.text-primary{color:var(--color-brand-primary)}.text-success{color:var(--color-state-success)}.text-warning{color:var(--color-state-warning)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-lg)}@media (max-width: 768px){.container{padding:0 var(--space-md)}}.grid{display:grid;gap:var(--space-xl)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 992px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.show-mobile{display:none!important}}html{scroll-behavior:smooth;scroll-padding-top:70px}html,body{height:100%;margin:0;padding:0}body{overflow-x:hidden}main{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-neutral-800)}::-webkit-scrollbar-thumb{background:var(--color-brand-primary);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-blue-500)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}.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}*:focus-visible{outline:2px solid var(--color-cta-primary);outline-offset:2px}::selection{background-color:var(--color-cta-primary);color:var(--color-neutral-900)}::-moz-selection{background-color:var(--color-cta-primary);color:var(--color-neutral-900)}