:root{--color-text: #0f172a;--color-text-light: #64748b;--color-text-muted: #94a3b8;--color-background: #ffffff;--color-surface: #f8fafc;--color-border: #e2e8f0;--color-accent: #0ea5e9;--color-accent-light: #e0f2fe;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-xs: 12px;--font-sm: 14px;--font-base: 16px;--font-lg: 18px;--font-xl: 24px;--font-2xl: 32px;--font-3xl: 40px;--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--max-width: 1200px;--content-width: 800px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--border-width: 1px;--border-radius-sm: 4px;--border-radius: 8px;--border-radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-base);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-6);min-height:100vh;display:flex;flex-direction:column}h1{font-size:var(--font-3xl);font-weight:700;line-height:var(--line-height-tight);margin-bottom:var(--spacing-2);color:var(--color-text);letter-spacing:-.025em}h2{font-size:var(--font-2xl);font-weight:600;line-height:var(--line-height-tight);margin:var(--spacing-16) 0 var(--spacing-6) 0;color:var(--color-text);border-bottom:var(--border-width) solid var(--color-border);padding-bottom:var(--spacing-4);letter-spacing:-.015em}h3{font-size:var(--font-xl);font-weight:600;margin-bottom:var(--spacing-3);color:var(--color-text);line-height:var(--line-height-tight)}h4{font-size:var(--font-lg);font-weight:600;margin-bottom:var(--spacing-2);color:var(--color-text);line-height:var(--line-height-normal)}p{font-size:var(--font-base);color:var(--color-text-light);margin-bottom:var(--spacing-4);line-height:var(--line-height-relaxed);max-width:var(--content-width)}ul{margin:var(--spacing-4) 0;padding-left:var(--spacing-6)}li{font-size:var(--font-sm);color:var(--color-text-light);margin-bottom:var(--spacing-2);line-height:var(--line-height-normal)}a{color:var(--color-text);text-decoration:none;border-bottom:var(--border-width) solid transparent;transition:all .2s ease}a:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);background:var(--color-accent);color:#fff;font-size:var(--font-sm);font-weight:600;border-radius:var(--border-radius);text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.cta-button:hover{background:var(--color-accent);box-shadow:var(--shadow);transform:translateY(-1px);color:#fff;border-bottom-color:transparent}.cta-button-secondary{background:var(--color-surface);color:var(--color-text);border:var(--border-width) solid var(--color-border)}.cta-button-secondary:hover{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-text)}header{margin-bottom:var(--spacing-12);text-align:center;padding:var(--spacing-8) 0}.subtitle{font-size:var(--font-lg);color:var(--color-text-light);margin-bottom:var(--spacing-4);font-weight:500;letter-spacing:-.01em}header .intro{font-size:var(--font-base);color:var(--color-text);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8);max-width:var(--content-width);margin-left:auto;margin-right:auto}.main-nav{display:flex;justify-content:center;gap:var(--spacing-8);margin-bottom:var(--spacing-16);padding:var(--spacing-4) 0;border-top:var(--border-width) solid var(--color-border);border-bottom:var(--border-width) solid var(--color-border)}.main-nav a{font-size:var(--font-sm);font-weight:500;color:var(--color-text-muted);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-sm);transition:all .2s ease}.main-nav a:hover{color:var(--color-accent);background:var(--color-accent-light);border-bottom-color:transparent}main{flex:1}.section{margin-bottom:var(--spacing-xxl)}.content-grid{display:grid;gap:var(--spacing-lg)}.domain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}article{padding:var(--spacing-6);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);transition:all .2s ease;box-shadow:var(--shadow-sm)}article:hover{box-shadow:var(--shadow);border-color:var(--color-accent)}article.featured{background:var(--color-accent-light);border-left:4px solid var(--color-accent);position:relative}article.featured:before{content:"Featured";position:absolute;top:var(--spacing-3);right:var(--spacing-3);font-size:var(--font-xs);font-weight:600;color:var(--color-accent);background:#fff;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);border:var(--border-width) solid var(--color-accent)}article h3{margin-bottom:var(--spacing-3);line-height:var(--line-height-tight)}article h3 a{color:var(--color-text);font-weight:600}article h3 a:hover{color:var(--color-accent)}.company{color:var(--color-text-muted);font-weight:400}.tags{font-size:var(--font-xs);color:var(--color-text-muted);background:#fff;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-sm);border:var(--border-width) solid var(--color-border);display:inline-block;margin-top:var(--spacing-4);font-weight:500;transition:all .2s ease}.tags:hover{border-color:var(--color-accent);color:var(--color-accent)}.domain{padding:var(--spacing-lg);border:var(--border-light);border-radius:6px;background:#fafafa}.domain h3{margin-bottom:var(--spacing-md);color:var(--color-text)}.domain ul{margin:0;padding-left:var(--spacing-md)}.domain li{margin-bottom:var(--spacing-xs)}.resource-category{padding:var(--spacing-md);border:var(--border-light);border-radius:6px;background:#fafafa}.resource-category h3{margin-bottom:var(--spacing-sm);font-size:var(--font-base)}.resource-category ul{margin:0;padding-left:var(--spacing-md)}.resource-category li{font-size:var(--font-xs);margin-bottom:var(--spacing-xs)}.resource-category strong{color:var(--color-text)}footer{margin-top:var(--spacing-xxl);padding:var(--spacing-xl) 0;border-top:var(--border-light);text-align:center;background:#fafafa}footer p{font-size:var(--font-sm);color:var(--color-text-light);margin-bottom:var(--spacing-xs)}footer a{margin:0 var(--spacing-sm);color:var(--color-text)}.tagline{font-style:italic;font-size:var(--font-xs);color:var(--color-text-light);margin-top:var(--spacing-sm)}@media (max-width: 768px){.container{padding:var(--spacing-4)}header{padding:var(--spacing-6) 0}h1{font-size:var(--font-2xl)}h2{font-size:var(--font-xl);margin:var(--spacing-12) 0 var(--spacing-4) 0}h3{font-size:var(--font-lg)}.subtitle{font-size:var(--font-base)}.main-nav{flex-wrap:wrap;gap:var(--spacing-4);padding:var(--spacing-3) 0}.main-nav a{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-xs)}.content-grid,.domain-grid,.resource-grid{grid-template-columns:1fr;gap:var(--spacing-4)}article,.domain,.resource-category{padding:var(--spacing-4)}p{max-width:none}.cta-button{width:100%;justify-content:center}}@media (max-width: 480px){.container{padding:var(--spacing-3)}h1{font-size:var(--font-xl)}h2{font-size:var(--font-lg)}.main-nav{gap:var(--spacing-2)}.main-nav a{padding:var(--spacing-1) var(--spacing-2)}}