:root{--color-primary: #0b5fff;--color-primary-dark: #1f2937;--color-primary-hover: #374151;--color-text: #1b1f24;--color-text-light: #444;--color-text-muted: #cbd5e1;--color-bg: #f7f8fa;--color-bg-white: #ffffff;--color-border: #e5e5e5;--color-error: #c62828;--color-success: #2f5d2f;--font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--fs-base: clamp(14px, 2vw, 16px);--fs-sm: clamp(12px, 1.8vw, 14px);--fs-lg: clamp(16px, 2.5vw, 18px);--fs-xl: clamp(18px, 3vw, 20px);--fs-2xl: clamp(20px, 3.5vw, 24px);--fs-3xl: clamp(24px, 4vw, 32px);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--bp-320: 320px;--bp-640: 640px;--bp-768: 768px;--bp-1024: 1024px;--container-max-width: 1100px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;background:var(--color-bg);font-family:var(--font-family);font-size:var(--fs-base);color:var(--color-text);line-height:1.6}header{padding:var(--spacing-lg);background:var(--color-primary-dark);color:#fff}nav a{margin-right:var(--spacing-md);color:var(--color-text-muted);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all .2s ease}nav a:hover,nav a.active{background:var(--color-primary-hover);color:#fff}section{padding:var(--spacing-lg)}@media (max-width: 768px){:root{--spacing-lg: 12px;--spacing-xl: 16px}body{font-size:var(--fs-base)}header{padding:var(--spacing-md)}section{padding:var(--spacing-md)}}@media (max-width: 640px){:root{--spacing-lg: 10px;--spacing-md: 8px}nav a{margin-right:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-xs);font-size:var(--fs-sm)}}@media (max-width: 320px){:root{--spacing-lg: 8px;--spacing-md: 6px}}