:root{--color-white: #ffffff;--color-gray-light: #f3f6f8b2;--color-gray-light-solid: #f3f6f8;--color-gray-dark: #9498a1;--color-green-light: #21ba71;--color-green-dark: #1da564;--color-black: #060620;--color-bg: var(--color-white);--color-bg-muted: var(--color-gray-light);--color-text: var(--color-black);--color-text-muted: var(--color-gray-dark);--color-accent: var(--color-green-light);--color-accent-hover: var(--color-green-dark);--color-on-accent: var(--color-white);--color-border: #e6e9ed;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow-card: 0 2px 12px rgba(6, 6, 32, .06);--shadow-dropdown: 0 8px 24px rgba(6, 6, 32, .12);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--page-max-width: 1920px;--header-height: 72px;--sidebar-width: 320px;--page-gutter: clamp(16px, 6vw, 110px);--focus-ring: 2px solid var(--color-green-dark);--focus-ring-offset: 2px}:root{--font-heading: "Montserrat", "Segoe UI", sans-serif;--font-body: "Montserrat", "Segoe UI", sans-serif}body{font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--color-text)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;margin:0;color:var(--color-text)}h1{font-size:clamp(24px,4.5vw,32px)}h2{font-size:24px}h3{font-size:18px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--color-bg);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}a{color:inherit}