:root{--color-neutral-0: #ffffff;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--color-neutral-1000: #020617;--color-brand-900: #031f4a;--color-brand-800: #042e6e;--color-brand-700: #053c92;--color-brand-600: #064BAE;--color-brand-400: #5798e8;--color-success: #16a34a;--color-warning: #d97706;--color-error: #dc2626;--color-info: #2563eb;--surface-bg: var(--color-neutral-0);--surface-dim: var(--color-neutral-50);--surface-raised: var(--color-neutral-0);--surface-overlay: var(--color-neutral-800);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-500);--text-muted: var(--color-neutral-400);--text-inverse: var(--color-neutral-0);--border-color: var(--color-neutral-200);--border-color-strong: var(--color-neutral-300);--border-width: 1px;--border-width-md: 2px;--border-width-lg: 4px;--opacity-disabled: .4;--opacity-overlay: .5;--opacity-hover: .8;--opacity-pressed: .9;--font-display: "Hanken Grotesk", sans-serif;--font-text: "Inter", sans-serif;--font-content: "Merriweather", serif;--font-number: "Space Grotesk", monospace;--text-hero: 700 64px/1.3 var(--font-display);--text-h1: 700 48px/1.2 var(--font-display);--text-h2: 700 36px/1.25 var(--font-display);--text-h3: 700 28px/1.3 var(--font-display);--text-h4: 600 22px/1.35 var(--font-display);--text-body-lg: 400 18px/1.6 var(--font-text);--text-body: 400 16px/1.625 var(--font-text);--text-body-sm: 400 14px/1.5 var(--font-text);--text-ui: 500 14px/1.43 var(--font-text);--text-ui-sm: 500 12px/1.33 var(--font-text);--text-content: 400 17px/1.7 var(--font-content);--text-number-lg: 700 36px/1.2 var(--font-number);--text-number: 500 24px/1.3 var(--font-number);--text-number-sm: 500 16px/1.4 var(--font-number);--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-none: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(2, 6, 23, .05);--shadow-md: 0 4px 6px -1px rgba(2, 6, 23, .1);--shadow-lg: 0 10px 15px -3px rgba(2, 6, 23, .1);--shadow-xl: 0 20px 25px -5px rgba(2, 6, 23, .15);--icon-stroke: 2px;--size-icon-sm: 16px;--size-icon-md: 20px;--size-icon-lg: 24px;--size-icon-xl: 32px;--size-input-sm: 32px;--size-input-md: 40px;--size-input-lg: 48px;--size-btn-sm: 32px;--size-btn-md: 40px;--size-btn-lg: 48px;--btn-primary-bg: var(--color-brand-600);--btn-primary-hover: var(--color-brand-400);--btn-secondary-bg: var(--color-neutral-100);--btn-secondary-hover: var(--color-neutral-200);--btn-ghost-bg: transparent;--btn-ghost-hover: var(--color-neutral-50);--btn-ghost-color: var(--text-secondary);--btn-destructive-bg: var(--color-error);--card-bg: var(--surface-raised);--card-border: var(--border-color);--card-border-strong: var(--border-color-strong);--card-padding-sm: var(--space-md);--card-padding-md: var(--space-lg);--card-padding-lg: var(--space-xl);--card-header-gap: var(--space-sm);--card-body-gap: var(--space-md);--card-footer-gap: var(--space-sm);--input-bg: var(--surface-bg);--input-border: var(--border-color);--input-focus-ring: rgba(6, 75, 174, .15);--input-error-ring: rgba(220, 38, 38, .15);--input-label-color: var(--text-secondary);--input-helper-color: var(--text-muted);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600}[data-brand=red-premier]{--color-brand-900: #4a0412;--color-brand-800: #6e081d;--color-brand-700: #920b28;--color-brand-600: #A10B2E;--color-brand-400: #e8576e}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:var(--surface-bg);color:var(--text-primary);font:var(--text-body)}h1,h2,h3,h4{margin:0}h1{font:var(--text-h1)}h2{font:var(--text-h2)}h3{font:var(--text-h3)}h4{font:var(--text-h4)}p{margin:0}a{color:var(--color-brand-600);text-decoration:none}a:hover{opacity:var(--opacity-hover)}:focus-visible{outline:var(--border-width-md) solid var(--color-brand-600);outline-offset:2px}::selection{background:var(--color-brand-400);color:var(--text-inverse)}.topnav{display:flex;align-items:center;gap:var(--space-lg);padding:0 var(--space-xl);height:56px;background:var(--surface-raised);border-bottom:var(--border-width) solid var(--border-color);position:sticky;top:0;z-index:var(--z-sticky)}.topnav-logo{font:var(--text-h3);color:var(--color-brand-600);text-decoration:none;text-transform:lowercase;flex-shrink:0}.topnav-links{display:flex;align-items:center;gap:var(--space-xs);flex:1}.topnav-link{font:var(--text-ui);color:var(--text-secondary);text-decoration:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:background .15s,color .15s;text-transform:lowercase;white-space:nowrap}.topnav-link:hover{background:var(--color-neutral-100);color:var(--text-primary)}.topnav-link.active{color:var(--color-brand-600);font-weight:var(--font-medium)}.topnav-actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.topnav-external{font-size:13px;color:var(--text-muted)}.topnav-external:after{content:" ↗";font-size:10px}@media(max-width:768px){.topnav{padding:0 var(--space-md);gap:var(--space-md)}.topnav-actions{display:none}}