:root{--color-bg: #ffffff;--color-bg-alt: #f8fafc;--color-text: #1a1a1a;--color-text-muted: #5a5a5a;--color-primary: #4db8ff;--color-primary-hover: #1599ff;--color-border: #e5e7eb;--color-bg-dark: #0c0c0c;--color-bg-alt-dark: #111;--color-text-dark: #dddddd;--color-text-muted-dark: #aaaaaa;--color-border-dark: #333;--font-base: 'Inter', sans-serif;--font-size-base: 18px;--font-size-h1: 48px;--font-size-h2: 36px;--font-size-h3: 28px;--font-size-h4: 22px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--space-xs: 6px;--space-sm: 12px;--space-md: 24px;--space-lg: 48px;--space-xl: 80px;--shadow-sm: 0 2px 4px rgba(0,0,0,0.06);--shadow-md: 0 4px 12px rgba(0,0,0,0.08);--shadow-lg: 0 10px 30px rgba(0,0,0,0.12)}html.dark{--color-bg: var(--color-bg-dark);--color-bg-alt: var(--color-bg-alt-dark);--color-text: var(--color-text-dark);--color-text-muted: var(--color-text-muted-dark);--color-border: var(--color-border-dark)}body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-base);font-size:var(--font-size-base);line-height:1.65}h1{font-size:var(--font-size-h1);margin-bottom:var(--space-md)}h2{font-size:var(--font-size-h2);margin-bottom:var(--space-md)}h3{font-size:var(--font-size-h3);margin-bottom:var(--space-sm)}h4{font-size:var(--font-size-h4)}a{color:var(--color-primary);text-decoration:none;transition:.2s ease}a:hover{color:var(--color-primary-hover)}.container{max-width:1100px;margin:0 auto;padding:0 var(--space-sm)}.section{padding:var(--space-sm) 0}.section-alt{padding:var(--space-sm) 0;background:var(--color-bg-alt);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}section:first-of-type{margin-top:0!important;padding-top:1rem!important}section:first-of-type h1{margin-top:0!important}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-col{display:flex;flex-direction:column}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.rounded{border-radius:var(--radius-md)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.btn{display:inline-block;padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);transition:.2s ease;font-weight:600}.btn:hover{background:var(--color-primary-hover)}.card{background:var(--color-bg);padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:.2s ease}.card:hover{box-shadow:var(--shadow-md)}nav{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);background:var(--color-bg)}nav .nav-inner{display:flex;justify-content:space-between;align-items:center}nav a{padding:8px 14px;border-radius:var(--radius-sm);font-weight:500;color:var(--color-text)}nav a:hover{background:var(--color-bg-alt)}nav{overflow-x:hidden}@media(max-width:768px){nav .nav-inner{flex-wrap:wrap;gap:var(--space-sm);justify-content:center;text-align:center}nav a{flex:1 1 auto;display:block;text-align:center;padding:10px}nav img{max-width:140px;height:auto;margin-bottom:var(--space-sm)}}footer{padding:var(--space-lg) 0;background:var(--color-bg-alt);border-top:1px solid var(--color-border);color:var(--color-text-muted)}