:root{--ref-neutral-0: #ffffff;--ref-neutral-50: #f8fafc;--ref-neutral-100: #f1f5f9;--ref-neutral-200: #e2e8f0;--ref-neutral-300: #cbd5e1;--ref-neutral-400: #94a3b8;--ref-neutral-500: #64748b;--ref-neutral-600: #475569;--ref-neutral-700: #334155;--ref-neutral-800: #1e293b;--ref-neutral-900: #0f172a;--ref-neutral-1000: #020617;--ref-blue-900: #031f4a;--ref-blue-800: #042e6e;--ref-blue-700: #053c92;--ref-blue-600: #064BAE;--ref-blue-400: #5798e8;--ref-success: #16a34a;--ref-warning: #d97706;--ref-error: #dc2626;--ref-info: #2563eb;--ref-space-xs: 4px;--ref-space-sm: 8px;--ref-space-md: 16px;--ref-space-lg: 24px;--ref-space-xl: 32px;--ref-space-2xl: 48px;--ref-space-3xl: 64px;--ref-radius-none: 2px;--ref-radius-sm: 4px;--ref-radius-md: 8px;--ref-radius-lg: 12px;--ref-radius-xl: 16px;--ref-radius-full: 9999px;--ref-font-display: "Hanken Grotesk", sans-serif;--ref-font-text: "Inter", sans-serif;--ref-font-content: "Merriweather", serif;--ref-font-number: "Space Grotesk", monospace;--ref-weight-normal: 400;--ref-weight-medium: 500;--ref-weight-semibold: 600;--ref-weight-bold: 700;--ref-size-icon-sm: 20px;--ref-size-icon-md: 24px;--ref-size-icon-lg: 32px;--ref-size-icon-xl: 40px;--ref-size-input-sm: 32px;--ref-size-input-md: 40px;--ref-size-input-lg: 48px;--ref-size-btn-sm: 32px;--ref-size-btn-md: 40px;--ref-size-btn-lg: 48px;--ref-border-thin: 1px;--ref-border-md: 2px;--ref-border-lg: 4px;--ref-opacity-disabled: .4;--ref-opacity-overlay: .5;--ref-opacity-hover: .8;--ref-opacity-pressed: .9;--ref-z-base: 0;--ref-z-dropdown: 100;--ref-z-sticky: 200;--ref-z-overlay: 300;--ref-z-modal: 400;--ref-z-toast: 500;--ref-z-tooltip: 600;--ref-icon-stroke: 2px;--color-brand-900: var(--ref-blue-900);--color-brand-800: var(--ref-blue-800);--color-brand-700: var(--ref-blue-700);--color-brand-600: var(--ref-blue-600);--color-brand-400: var(--ref-blue-400);--color-success: var(--ref-success);--color-warning: var(--ref-warning);--color-error: var(--ref-error);--color-info: var(--ref-info);--color-neutral-0: var(--ref-neutral-0);--color-neutral-50: var(--ref-neutral-50);--color-neutral-100: var(--ref-neutral-100);--color-neutral-200: var(--ref-neutral-200);--color-neutral-300: var(--ref-neutral-300);--color-neutral-400: var(--ref-neutral-400);--color-neutral-500: var(--ref-neutral-500);--color-neutral-600: var(--ref-neutral-600);--color-neutral-700: var(--ref-neutral-700);--color-neutral-800: var(--ref-neutral-800);--color-neutral-900: var(--ref-neutral-900);--color-neutral-1000: var(--ref-neutral-1000);--surface-bg: var(--ref-neutral-0);--surface-dim: var(--ref-neutral-50);--surface-raised: var(--ref-neutral-0);--surface-overlay: var(--ref-neutral-800);--text-primary: var(--ref-neutral-900);--text-secondary: var(--ref-neutral-600);--text-muted: var(--ref-neutral-500);--text-inverse: var(--ref-neutral-0);--border-color: var(--ref-neutral-200);--border-color-strong: var(--ref-neutral-300);--border-width: var(--ref-border-thin);--border-width-md: var(--ref-border-md);--border-width-lg: var(--ref-border-lg);--opacity-disabled: var(--ref-opacity-disabled);--opacity-overlay: var(--ref-opacity-overlay);--opacity-hover: var(--ref-opacity-hover);--opacity-pressed: var(--ref-opacity-pressed);--text-hero: 700 64px/1.3 var(--ref-font-display);--text-h1: 700 48px/1.2 var(--ref-font-display);--text-h2: 700 36px/1.25 var(--ref-font-display);--text-h3: 700 28px/1.3 var(--ref-font-display);--text-h4: 600 22px/1.35 var(--ref-font-display);--text-body-lg: 400 18px/1.6 var(--ref-font-text);--text-body: 400 16px/1.625 var(--ref-font-text);--text-body-sm: 400 14px/1.5 var(--ref-font-text);--text-ui: 500 14px/1.43 var(--ref-font-text);--text-ui-sm: 500 12px/1.33 var(--ref-font-text);--text-content: 400 17px/1.7 var(--ref-font-content);--text-number-lg: 700 36px/1.2 var(--ref-font-number);--text-number: 500 24px/1.3 var(--ref-font-number);--text-number-sm: 500 16px/1.4 var(--ref-font-number);--font-normal: var(--ref-weight-normal);--font-medium: var(--ref-weight-medium);--font-semibold: var(--ref-weight-semibold);--font-bold: var(--ref-weight-bold);--font-display: var(--ref-font-display);--font-text: var(--ref-font-text);--font-content: var(--ref-font-content);--font-number: var(--ref-font-number);--space-xs: var(--ref-space-xs);--space-sm: var(--ref-space-sm);--space-md: var(--ref-space-md);--space-lg: var(--ref-space-lg);--space-xl: var(--ref-space-xl);--space-2xl: var(--ref-space-2xl);--space-3xl: var(--ref-space-3xl);--radius-none: var(--ref-radius-none);--radius-sm: var(--ref-radius-sm);--radius-md: var(--ref-radius-md);--radius-lg: var(--ref-radius-lg);--radius-xl: var(--ref-radius-xl);--radius-full: var(--ref-radius-full);--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: var(--ref-icon-stroke);--size-icon-sm: var(--ref-size-icon-sm);--size-icon-md: var(--ref-size-icon-md);--size-icon-lg: var(--ref-size-icon-lg);--size-icon-xl: var(--ref-size-icon-xl);--size-input-sm: var(--ref-size-input-sm);--size-input-md: var(--ref-size-input-md);--size-input-lg: var(--ref-size-input-lg);--size-btn-sm: var(--ref-size-btn-sm);--size-btn-md: var(--ref-size-btn-md);--size-btn-lg: var(--ref-size-btn-lg);--z-base: var(--ref-z-base);--z-dropdown: var(--ref-z-dropdown);--z-sticky: var(--ref-z-sticky);--z-overlay: var(--ref-z-overlay);--z-modal: var(--ref-z-modal);--z-toast: var(--ref-z-toast);--z-tooltip: var(--ref-z-tooltip);--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)}[data-brand=red-premier]{--color-brand-900: #4a0412;--color-brand-800: #6e081d;--color-brand-700: #920b28;--color-brand-600: #A10B2E;--color-brand-400: #e8576e}[data-theme=dark]{--surface-bg: var(--ref-neutral-900);--surface-dim: var(--ref-neutral-800);--surface-raised: var(--ref-neutral-800);--surface-overlay: var(--ref-neutral-900);--text-primary: var(--ref-neutral-100);--text-secondary: var(--ref-neutral-400);--text-muted: var(--ref-neutral-500);--text-inverse: var(--ref-neutral-900);--border-color: var(--ref-neutral-700);--border-color-strong: var(--ref-neutral-600);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5)}*,*: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)}.theme-switch{position:relative;flex-shrink:0}.theme-switch-trigger{display:inline-flex;align-items:center;gap:6px;border:var(--border-width) solid var(--border-color);background:var(--surface-dim);cursor:pointer;padding:4px 12px;border-radius:var(--radius-full);font:var(--text-ui-sm);color:var(--text-secondary);transition:background .15s,color .15s,border-color .15s}.theme-switch-trigger:hover{background:var(--color-neutral-100);color:var(--text-primary);border-color:var(--color-brand-400)}.theme-switch-icon{flex-shrink:0;color:var(--color-brand-600);transition:color .2s}.theme-switch-label{text-transform:lowercase;white-space:nowrap}.theme-switch-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:var(--surface-raised);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:4px;display:flex;flex-direction:column}.theme-switch-option{display:flex;align-items:center;gap:8px;border:none;background:none;cursor:pointer;padding:8px 12px;border-radius:var(--radius-sm);font:var(--text-ui-sm);color:var(--text-secondary);text-transform:lowercase;transition:background .1s,color .1s;width:100%;text-align:left}.theme-switch-option:hover{background:var(--surface-dim);color:var(--text-primary)}.theme-switch-option.active{color:var(--color-brand-600);font-weight:var(--font-medium)}.theme-switch-option .check{margin-left:auto;color:var(--color-brand-600)}@media(max-width:768px){.theme-switch-label{display:none}.theme-switch-trigger{padding:6px 10px}}.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}}