@theme inline{ --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --radius-2xl: calc(var(--radius) + 8px); --radius-3xl: calc(var(--radius) + 12px); --radius-4xl: calc(var(--radius) + 16px); --font-display: var(--font-family-sans); --font-sans: var(--font-family-sans); --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-primary-soft: var(--primary-soft); --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-ring: var(--ring); --color-ring-offset-background: var(--background); --color-status-info: var(--status-info); --color-status-info-subtle: var(--status-info-subtle); --color-status-success: var(--status-success); --color-status-success-subtle: var(--status-success-subtle); --color-status-warning: var(--status-warning); --color-status-warning-subtle: var(--status-warning-subtle); --color-status-danger: var(--status-danger); --color-status-danger-subtle: var(--status-danger-subtle); --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); --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); --color-gold: var(--accent); --color-gold-soft: var(--accent-soft); --color-soft-blue: var(--primary-soft); --color-success: var(--status-success); --color-warning: var(--status-warning); }:root{color-scheme:light;--font-family-sans: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, sans-serif;--radius: .75rem;--control-height: 2.5rem;--background: #f8fafc;--foreground: #172033;--card: #ffffff;--card-foreground: #172033;--popover: #ffffff;--popover-foreground: #172033;--primary: #1e3a5f;--primary-foreground: #f8fafc;--primary-soft: #e8f0f8;--secondary: #eef2f6;--secondary-foreground: #24364b;--muted: #eef2f6;--muted-foreground: #64748b;--accent: #d6a936;--accent-soft: #fbf4dc;--accent-foreground: #4b3710;--destructive: #b42318;--destructive-foreground: #ffffff;--border: #dfe6ee;--input: #d7e0ea;--ring: #2f6fa3;--status-info: #2563a6;--status-info-subtle: #e8f1fb;--status-success: #18794e;--status-success-subtle: #e8f6ee;--status-warning: #9a6700;--status-warning-subtle: #fff4d6;--status-danger: #b42318;--status-danger-subtle: #feecea;--chart-1: #2f6fa3;--chart-2: #2d8a7b;--chart-3: #d6a936;--chart-4: #7c5caa;--chart-5: #c65d3b;--sidebar: #ffffff;--sidebar-foreground: #172033;--sidebar-primary: #1e3a5f;--sidebar-primary-foreground: #f8fafc;--sidebar-accent: #e8f0f8;--sidebar-accent-foreground: #1e3a5f;--sidebar-border: #dfe6ee;--sidebar-ring: #2f6fa3;--gradient-brand: linear-gradient(135deg, #1e3a5f, #2f6fa3);--gradient-gold: linear-gradient(135deg, #e2ba4e, #c99620);--shadow-soft: 0 4px 20px -6px rgb(30 58 95 / 12%);--shadow-raised: 0 12px 32px -12px rgb(30 58 95 / 24%);--shadow-glow: var(--shadow-raised);--gold: var(--accent);--gold-soft: var(--accent-soft);--soft-blue: var(--primary-soft);--success: var(--status-success);--warning: var(--status-warning);--info: var(--status-info);--info-soft: var(--status-info-subtle);--success-soft: var(--status-success-subtle);--warning-soft: var(--status-warning-subtle);--danger-soft: var(--status-danger-subtle)}.dark{color-scheme:dark;--background: #0f1722;--foreground: #edf3f8;--card: #172231;--card-foreground: #edf3f8;--popover: #172231;--popover-foreground: #edf3f8;--primary: #8fc2ea;--primary-foreground: #10243a;--primary-soft: #1d3850;--secondary: #243244;--secondary-foreground: #edf3f8;--muted: #243244;--muted-foreground: #a7b4c2;--accent: #e6bf59;--accent-soft: #443a21;--accent-foreground: #201a0c;--destructive: #f28b82;--destructive-foreground: #3b0a07;--border: rgb(255 255 255 / 12%);--input: rgb(255 255 255 / 16%);--ring: #8fc2ea;--status-info: #8fc2ea;--status-info-subtle: #1d3850;--status-success: #74c69d;--status-success-subtle: #173b2b;--status-warning: #e6bf59;--status-warning-subtle: #443a21;--status-danger: #f28b82;--status-danger-subtle: #4a211f;--sidebar: #172231;--sidebar-foreground: #edf3f8;--sidebar-primary: #8fc2ea;--sidebar-primary-foreground: #10243a;--sidebar-accent: #243244;--sidebar-accent-foreground: #edf3f8;--sidebar-border: rgb(255 255 255 / 12%);--sidebar-ring: #8fc2ea}@layer base{*{border-color:var(--border)}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}}@utility cta-hero{background: var(--gradient-brand); color: var(--color-primary-foreground); font-weight: 700; box-shadow: var(--shadow-raised); transition: transform .15s ease,box-shadow .15s ease,filter .15s ease; &:hover {filter: brightness(1.06);} &:active {transform: translateY(1px);}}@utility cta-primary{background: var(--color-primary); color: var(--color-primary-foreground); font-weight: 700; transition: background-color .15s ease; &:hover {background: color-mix(in oklab,var(--color-primary) 88%,white);}}@utility cta-secondary{background: var(--color-primary-soft); color: var(--color-primary); font-weight: 700; transition: background-color .15s ease; &:hover {background: color-mix(in oklab,var(--color-primary-soft) 80%,white);}}@utility cta-ghost{background: transparent; color: var(--color-primary); font-weight: 600; border: 1px solid var(--color-border); &:hover {background: var(--color-secondary);}}@utility icon-quiet{display: grid; place-items: center; background: var(--color-secondary); color: var(--color-foreground); border-radius: var(--radius); transition: background-color .15s ease; &:hover {background: var(--color-primary-soft);}}@utility notif-info{background: var(--status-info-subtle); color: var(--status-info);}@utility notif-success{background: var(--status-success-subtle); color: var(--status-success);}@utility notif-warning{background: var(--status-warning-subtle); color: var(--status-warning);}@utility notif-danger{background: var(--status-danger-subtle); color: var(--status-danger);}@utility notif-neutral{background: var(--color-secondary); color: var(--color-muted-foreground);}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}