@custom-variant dark (&:is(.dark *));@theme{ --breakpoint-xs: 375px; --breakpoint-2xl: 1440px; }:root{--color-brand-primary: #494FDF;--color-brand-primary-hover: #3B40C9;--color-brand-primary-active: #2E32A3;--color-brand-secondary: #0A0B14;--color-brand-accent: #6366F1;--color-surface-background: #f8f9fb;--color-surface-card: #ffffff;--color-surface-input-background: #f0f2f6;--color-surface-overlay: rgba(6, 11, 31, .5);--color-surface-elevated: #ffffff;--color-surface-sunken: #f3f4f7;--color-text-primary: #111318;--color-text-secondary: #4b5068;--color-text-placeholder: #8891a5;--color-text-inverse: #ffffff;--color-text-link: #494FDF;--color-text-link-hover: #3B40C9;--color-text-disabled: #b0b5c3;--color-status-success: #059642;--color-status-success-background: #ecfdf3;--color-status-warning: #ca8a04;--color-status-warning-background: #fefce8;--color-status-error: #dc2626;--color-status-error-background: #fef2f2;--color-status-info: #2563eb;--color-status-info-background: #eff6ff;--color-border-default: #e2e5ec;--color-border-focus: #494FDF;--color-border-strong: #c1c6d1;--color-border-subtle: #eef0f4;--shadow-xs: 0 1px 2px rgba(9, 11, 28, .02);--shadow-sm: 0 2px 4px rgba(9, 11, 28, .03), 0 1px 2px rgba(9, 11, 28, .02);--shadow-md: 0 6px 12px -3px rgba(9, 11, 28, .04), 0 2px 6px -2px rgba(9, 11, 28, .03);--shadow-lg: 0 12px 24px -4px rgba(9, 11, 28, .05), 0 4px 12px -2px rgba(9, 11, 28, .03);--shadow-xl: 0 24px 48px -8px rgba(9, 11, 28, .08), 0 8px 24px -4px rgba(9, 11, 28, .04);--shadow-drawer: 0 20px 40px -10px rgba(9, 11, 28, .12), 0 8px 20px -6px rgba(9, 11, 28, .08);--shadow-dropdown: 0 10px 20px -5px rgba(9, 11, 28, .08), 0 3px 8px -3px rgba(9, 11, 28, .04);--shadow-card: 0 2px 8px rgba(9, 11, 28, .04), 0 1px 3px rgba(9, 11, 28, .02);--shadow-floating: 0 16px 32px -8px rgba(9, 11, 28, .1), 0 4px 12px -3px rgba(9, 11, 28, .06);--shadow-sticky: 0 4px 12px rgba(9, 11, 28, .03);--shadow-focus: 0 0 0 4px rgba(73, 79, 223, .12);--color-navigation-sidebar-background: #ffffff;--color-navigation-sidebar-text: #4b5068;--color-navigation-sidebar-active-background: #494FDF;--color-navigation-sidebar-active-text: #ffffff;--color-navigation-topbar-background: #ffffff;--color-navigation-topbar-text: #1a1a1a;--font-family-primary: "Aeonik Pro", "Aeonik", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading: "Aeonik Pro", "Aeonik", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-sans: var(--font-family-primary);--font-mono: var(--font-family-mono);--font-size-base: 16px;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-base: 1.5;--letter-spacing-base: 0;--radius-small: 4px;--radius-medium: 8px;--radius-large: 12px;--radius-full: 9999px;--font-size: 16px;--background: var(--color-surface-background);--foreground: var(--color-text-primary);--card: var(--color-surface-card);--card-foreground: var(--color-text-primary);--popover: var(--color-surface-card);--popover-foreground: var(--color-text-primary);--primary: var(--color-brand-primary);--primary-foreground: var(--color-text-inverse);--secondary: var(--color-surface-input-background);--secondary-foreground: var(--color-text-primary);--muted: var(--color-surface-input-background);--muted-foreground: var(--color-text-secondary);--accent: var(--color-surface-input-background);--accent-foreground: var(--color-text-primary);--destructive: #d4183d;--destructive-foreground: #ffffff;--border: var(--color-border-default);--input: var(--color-border-default);--input-background: var(--color-surface-input-background);--switch-background: #cbced4;--font-weight-medium: 500;--font-weight-normal: 400;--ring: var(--color-border-focus);--color-navigation-sidebar-hover-background: rgba(0, 0, 0, .04);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: #030213;--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0);--zentrive-color-brand-primary: var(--color-brand-primary);--zentrive-color-surface-subtle: var(--color-surface-background);--zentrive-color-surface-muted: var(--color-surface-input-background);--zentrive-color-surface-raised: var(--color-surface-card);--zentrive-color-gradient-soft-start: var(--color-surface-background);--zentrive-color-gradient-soft-end: var(--color-surface-card);--zentrive-color-text-strong: var(--color-text-primary);--zentrive-color-text-muted: var(--color-text-secondary);--zentrive-color-text-soft: var(--color-text-placeholder);--zentrive-color-pin-empty: #d1d1e0;--zentrive-color-icon-strong: var(--color-text-primary);--zentrive-color-black: #000000;--zentrive-color-white: #ffffff;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--space-3xl: 48px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-xxl: 24px;--radius-pill: 9999px;--radius-circle: 50%;--shadow-flat: none;--shadow-raised: var(--shadow-card);--shadow-floating: var(--shadow-floating);--shadow-dropdown: var(--shadow-dropdown);--shadow-popover: var(--shadow-drawer);--shadow-tooltip: var(--shadow-tooltip);--shadow-modal: var(--shadow-xl);--font-size-display-xl: 3.5rem;--font-size-display-l: 2.75rem;--font-size-display-m: 2.25rem;--font-size-display-s: 1.875rem;--font-size-heading-xl: 1.5rem;--font-size-heading-l: 1.25rem;--font-size-heading-m: 1.125rem;--font-size-heading-s: 1rem;--font-size-title-xl: 1.125rem;--font-size-title-l: 1rem;--font-size-title-m: .875rem;--font-size-title-s: .75rem;--font-size-body-xl: 1.125rem;--font-size-body-l: 1rem;--font-size-body-md: .875rem;--font-size-body-sm: .8125rem;--font-size-caption: .75rem;--font-size-label: .75rem;--font-size-micro: .625rem;--line-height-display-xl: 1.1;--line-height-display-l: 1.15;--line-height-display-m: 1.2;--line-height-display-s: 1.25;--line-height-heading-xl: 1.3;--line-height-heading-l: 1.35;--line-height-heading-m: 1.4;--line-height-heading-s: 1.4;--line-height-title-xl: 1.4;--line-height-title-l: 1.4;--line-height-title-m: 1.4;--line-height-title-s: 1.4;--line-height-body-xl: 1.5;--line-height-body-l: 1.5;--line-height-body-md: 1.5;--line-height-body-sm: 1.4;--line-height-caption: 1.4;--line-height-label: 1;--line-height-micro: 1;--letter-spacing-display-xl: -.02em;--letter-spacing-display-l: -.015em;--letter-spacing-display-m: -.01em;--letter-spacing-display-s: -.01em;--letter-spacing-heading-xl: -.01em;--letter-spacing-heading-l: -.005em;--letter-spacing-heading-m: 0;--letter-spacing-heading-s: 0;--letter-spacing-title-xl: 0;--letter-spacing-title-l: 0;--letter-spacing-title-m: 0;--letter-spacing-title-s: .01em;--letter-spacing-body-xl: 0;--letter-spacing-body-l: 0;--letter-spacing-body-md: 0;--letter-spacing-body-sm: 0;--letter-spacing-caption: .01em;--letter-spacing-label: .02em;--letter-spacing-micro: .03em;--font-display: var(--font-family-heading);--font-body: var(--font-family-primary);--text-page-title: 600 22px/1.2 var(--font-display);--text-section-title: 700 15px/1.3 var(--font-display);--text-body: 400 14px/1.5 var(--font-body);--text-body-sm: 400 13px/1.4 var(--font-body);--text-label: 400 12px/1 var(--font-body);--text-input: 400 15px/1.3 var(--font-body);--text-button: 500 16px/1.5 var(--font-body);--text-link: 500 14px/1.5 var(--font-body);--text-helper: 400 13px/1.4 var(--font-body);--text-error: 500 13px/1.4 var(--font-body);--text-badge: 600 13px/1 var(--font-body);--zentrive-space-2: 2px;--zentrive-space-3: 3px;--zentrive-space-4: 4px;--zentrive-space-6: 6px;--zentrive-space-10: 10px;--zentrive-space-12: 12px;--zentrive-space-13: 13px;--zentrive-space-14: 14px;--zentrive-space-16: 16px;--zentrive-space-18: 18px;--zentrive-space-20: 20px;--zentrive-space-22: 22px;--zentrive-space-24: 24px;--zentrive-space-25: 25px;--zentrive-space-28: 28px;--zentrive-space-32: 32px;--zentrive-space-38: 38px;--zentrive-space-40: 40px;--zentrive-space-42: 42px;--zentrive-space-50: 50px;--zentrive-space-68: 68px;--zentrive-space-70: 70px;--zentrive-radius-4: 4px;--zentrive-radius-8: 8px;--zentrive-radius-12: 12px;--zentrive-radius-18: 18px;--zentrive-radius-pill: 42px;--zentrive-text-xs: 12px;--zentrive-text-sm: 14px;--zentrive-text-md: 16px;--zentrive-text-lg: 18px;--zentrive-text-xl: 24px;--zentrive-text-2xl: 28px;--zentrive-leading-tight: 16px;--zentrive-leading-normal: 20px;--zentrive-leading-button: 24px}.dark{--color-surface-background: #0c0d11;--color-surface-card: #16171e;--color-surface-input-background: #1c1e27;--color-surface-overlay: rgba(0, 0, 0, .75);--color-surface-elevated: #1c1e27;--color-surface-sunken: #101118;--color-text-primary: #ebedf2;--color-text-secondary: #858aa0;--color-text-placeholder: #525770;--color-text-inverse: #0c0d11;--color-text-link: #6366F1;--color-text-link-hover: #818CF8;--color-text-disabled: #3d4156;--color-status-success: #34d058;--color-status-success-background: #0d2818;--color-status-warning: #f0b429;--color-status-warning-background: #2a2010;--color-status-error: #f85149;--color-status-error-background: #2a1215;--color-status-info: #60a5fa;--color-status-info-background: #172135;--color-border-default: #252836;--color-border-focus: #494FDF;--color-border-strong: #3a3e50;--color-border-subtle: #1c1e27;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 6px 12px -3px rgba(0, 0, 0, .35), 0 2px 6px -2px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, .45), 0 4px 12px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 24px 48px -8px rgba(0, 0, 0, .55), 0 8px 24px -4px rgba(0, 0, 0, .4);--shadow-drawer: 0 20px 40px -10px rgba(0, 0, 0, .5), 0 8px 20px -6px rgba(0, 0, 0, .4);--shadow-dropdown: 0 10px 20px -5px rgba(0, 0, 0, .45), 0 3px 8px -3px rgba(0, 0, 0, .35);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .2);--shadow-floating: 0 16px 32px -8px rgba(0, 0, 0, .45), 0 4px 12px -3px rgba(0, 0, 0, .3);--shadow-sticky: 0 4px 12 rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 4px rgba(73, 79, 223, .25);--color-navigation-sidebar-background: #08090d;--color-navigation-sidebar-text: #858aa0;--color-navigation-sidebar-active-background: #494FDF;--color-navigation-sidebar-active-text: #ffffff;--color-navigation-topbar-background: #16171e;--color-navigation-topbar-text: #ebedf2;--zentrive-color-surface-subtle: #16171e;--zentrive-color-surface-muted: #1c1e27;--zentrive-color-surface-raised: #22242f;--zentrive-color-text-strong: #ebedf2;--zentrive-color-text-muted: #858aa0;--zentrive-color-text-soft: #525770;--background: var(--color-surface-background);--foreground: var(--color-text-primary);--card: var(--color-surface-card);--card-foreground: var(--color-text-primary);--popover: var(--color-surface-card);--popover-foreground: var(--color-text-primary);--primary: var(--color-brand-primary);--primary-foreground: var(--color-text-inverse);--secondary: var(--color-surface-input-background);--secondary-foreground: var(--color-text-primary);--muted: var(--color-surface-input-background);--muted-foreground: var(--color-text-secondary);--accent: var(--color-surface-input-background);--accent-foreground: var(--color-text-primary);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: var(--color-border-default);--input: var(--color-border-default);--ring: var(--color-border-focus);--color-navigation-sidebar-hover-background: rgba(255, 255, 255, .06);--font-weight-medium: 500;--font-weight-normal: 400;--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--space-3xl: 48px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-xxl: 24px;--radius-pill: 9999px;--radius-circle: 50%;--shadow-flat: none;--shadow-raised: var(--shadow-card);--shadow-floating: var(--shadow-floating);--shadow-dropdown: var(--shadow-dropdown);--shadow-popover: var(--shadow-drawer);--shadow-tooltip: var(--shadow-tooltip);--shadow-modal: var(--shadow-xl);--font-size-display-xl: 3.5rem;--font-size-display-l: 2.75rem;--font-size-display-m: 2.25rem;--font-size-display-s: 1.875rem;--font-size-heading-xl: 1.5rem;--font-size-heading-l: 1.25rem;--font-size-heading-m: 1.125rem;--font-size-heading-s: 1rem;--font-size-title-xl: 1.125rem;--font-size-title-l: 1rem;--font-size-title-m: .875rem;--font-size-title-s: .75rem;--font-size-body-xl: 1.125rem;--font-size-body-l: 1rem;--font-size-body-md: .875rem;--font-size-body-sm: .8125rem;--font-size-caption: .75rem;--font-size-label: .75rem;--font-size-micro: .625rem;--line-height-display-xl: 1.1;--line-height-display-l: 1.15;--line-height-display-m: 1.2;--line-height-display-s: 1.25;--line-height-heading-xl: 1.3;--line-height-heading-l: 1.35;--line-height-heading-m: 1.4;--line-height-heading-s: 1.4;--line-height-title-xl: 1.4;--line-height-title-l: 1.4;--line-height-title-m: 1.4;--line-height-title-s: 1.4;--line-height-body-xl: 1.5;--line-height-body-l: 1.5;--line-height-body-md: 1.5;--line-height-body-sm: 1.4;--line-height-caption: 1.4;--line-height-label: 1;--line-height-micro: 1;--letter-spacing-display-xl: -.02em;--letter-spacing-display-l: -.015em;--letter-spacing-display-m: -.01em;--letter-spacing-display-s: -.01em;--letter-spacing-heading-xl: -.01em;--letter-spacing-heading-l: -.005em;--letter-spacing-heading-m: 0;--letter-spacing-heading-s: 0;--letter-spacing-title-xl: 0;--letter-spacing-title-l: 0;--letter-spacing-title-m: 0;--letter-spacing-title-s: .01em;--letter-spacing-body-xl: 0;--letter-spacing-body-l: 0;--letter-spacing-body-md: 0;--letter-spacing-body-sm: 0;--letter-spacing-caption: .01em;--letter-spacing-label: .02em;--letter-spacing-micro: .03em}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: var(--radius-sm); --radius-md: var(--radius-md); --radius-lg: var(--radius-lg); --radius-xl: var(--radius-xl); --radius-xxl: var(--radius-xxl); --radius-pill: var(--radius-pill); --radius-circle: var(--radius-circle); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --text-display-xl: var(--font-size-display-xl); --text-display-l: var(--font-size-display-l); --text-display-m: var(--font-size-display-m); --text-display-s: var(--font-size-display-s); --text-heading-xl: var(--font-size-heading-xl); --text-heading-l: var(--font-size-heading-l); --text-heading-m: var(--font-size-heading-m); --text-heading-s: var(--font-size-heading-s); --text-title-xl: var(--font-size-title-xl); --text-title-l: var(--font-size-title-l); --text-title-m: var(--font-size-title-m); --text-title-s: var(--font-size-title-s); --text-body-xl: var(--font-size-body-xl); --text-body-l: var(--font-size-body-l); --text-body-md: var(--font-size-body-md); --text-body-sm: var(--font-size-body-sm); --text-caption: var(--font-size-caption); --text-label: var(--font-size-label); --text-micro: var(--font-size-micro); --shadow-xs: var(--shadow-xs); --shadow-sm: var(--shadow-sm); --shadow-md: var(--shadow-md); --shadow-lg: var(--shadow-lg); --shadow-xl: var(--shadow-xl); --shadow-drawer: var(--shadow-drawer); --shadow-dropdown: var(--shadow-dropdown); --shadow-card: var(--shadow-card); --shadow-floating: var(--shadow-floating); --shadow-sticky: var(--shadow-sticky); --shadow-focus: var(--shadow-focus); --shadow-raised: var(--shadow-card); --shadow-popover: var(--shadow-drawer); --shadow-tooltip: var(--shadow-tooltip); --shadow-modal: var(--shadow-xl); }@layer base{*{@apply border-border outline-ring/50;}body,header,aside,.card,button,input,select,textarea,[data-slot=card],[data-slot=input],[data-slot=button]{transition:background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}body{@apply bg-background text-foreground;}html{font-size:var(--font-size)}h1{font-size:var(--font-size-heading-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading-xl);letter-spacing:var(--letter-spacing-heading-xl)}h2{font-size:var(--font-size-heading-l);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading-l);letter-spacing:var(--letter-spacing-heading-l)}h3{font-size:var(--font-size-heading-m);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading-m);letter-spacing:var(--letter-spacing-heading-m)}h4{font-size:var(--font-size-heading-s);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading-s);letter-spacing:var(--letter-spacing-heading-s)}label,button{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body-sm)}input,select,textarea{font-size:var(--font-size-body-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-body-md)}}:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--color-text-primary);background:var(--color-surface-background)}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:grid;place-items:center;padding:24px}section{width:min(100%,680px);padding:48px;border:1px solid var(--color-border-default);border-radius:var(--radius-xl);background:var(--color-surface-card);box-shadow:var(--shadow-lg)}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-lg);color:#fff;background:var(--color-brand-primary);font-weight:800}.eyebrow{margin:24px 0 8px;color:var(--color-brand-primary);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;max-width:560px;font-size:clamp(32px,6vw,56px);line-height:1.05;letter-spacing:-.04em}.status{margin:24px 0 0;color:var(--color-text-secondary)}