:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-background: #f8fafc;--color-surface: #ffffff;--color-text: #0f172a;--color-text-secondary: #64748b;--color-border: #e2e8f0;--color-success: #16a34a;--color-warning: #f59e0b;--color-danger: #dc2626}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem}:root{--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}:root{--shadow-sm: 0 2px 4px rgba(15, 23, 42, .04);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-lg: 0 20px 40px rgba(15, 23, 42, .12)}:root{--font-family: Inter, system-ui, sans-serif;--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.5rem;--font-2xl: 2rem;--font-3xl: 3rem}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}body{min-height:100vh}img{max-width:100%;display:block}button,input{font:inherit}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-family);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1200px,100% - 2rem);margin-inline:auto}.grid{display:grid;gap:var(--space-5)}.text-center{text-align:center}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}