:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-primary-light:#818cf8;--color-secondary:#8b5cf6;--color-white:#fff;--color-black:#000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--gradient-primary:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);--gradient-hero:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-dark:linear-gradient(135deg,#1f2937 0%,#111827 100%);--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--border-width:1px;--border-width-2:2px;--border-width-4:4px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal:400;--z-popover:500;--z-tooltip:600;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--content-width:800px;--wide-width:1200px}@media (prefers-color-scheme:dark){:root{--color-primary:#818cf8;--color-primary-dark:#6366f1}}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-gray-800);background-color:var(--color-gray-50)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-gray-900)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}.btn{padding:var(--space-3)var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center;border:none;display:inline-block}.btn-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--color-white);color:var(--color-primary);border:var(--border-width-2)solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:var(--color-white)}.card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.tag{padding:var(--space-1)var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-primary);border-radius:var(--radius-full);margin-right:var(--space-2);background:#6366f11a;display:inline-block}.container{max-width:var(--container-xl);padding:0 var(--space-4);margin:0 auto}.container-narrow{max-width:var(--content-width);padding:0 var(--space-4);margin:0 auto}.section{padding:var(--space-16)0}.section-sm{padding:var(--space-12)0}.section-lg{padding:var(--space-24)0}.grid{gap:var(--space-8);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.nav{background:var(--color-white);box-shadow:var(--shadow-sm);border-bottom:var(--border-width)solid var(--color-gray-200);z-index:var(--z-sticky);position:sticky;top:0}.nav-container{max-width:var(--container-xl);padding:var(--space-4);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{font-size:var(--text-2xl);font-weight:var(--font-extrabold);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{gap:var(--space-6);list-style:none;display:flex}.nav-link{color:var(--color-gray-600);font-weight:var(--font-medium);transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-primary)}.hero{background:var(--gradient-hero);color:var(--color-white);text-align:center;padding:var(--space-20)var(--space-4)}.hero-title{font-size:var(--text-6xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-4);color:var(--color-white)}.hero-subtitle{font-size:var(--text-xl);opacity:.9;margin-bottom:var(--space-8);line-height:var(--leading-relaxed)}@media (max-width:768px){.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-lg)}}.article-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);flex-direction:column;height:100%;display:flex;overflow:hidden}.article-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.article-image{object-fit:cover;width:100%;height:200px}.article-content{padding:var(--space-6);flex-direction:column;flex:1;display:flex}.article-tags{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.article-title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-2);color:var(--color-gray-900);line-height:var(--leading-tight)}.article-title:hover{color:var(--color-primary)}.article-excerpt{color:var(--color-gray-600);margin-bottom:var(--space-4);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.article-meta{font-size:var(--text-sm);color:var(--color-gray-500);justify-content:space-between;align-items:center;display:flex}.article-read-more{color:var(--color-primary);font-weight:var(--font-semibold);transition:color var(--transition-fast)}.article-read-more:hover{color:var(--color-primary-dark);text-decoration:underline}.prose{max-width:var(--content-width);color:var(--color-gray-700);line-height:var(--leading-relaxed);margin:0 auto}.prose h1,.prose h2,.prose h3{margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--color-gray-900)}.prose h1{font-size:var(--text-4xl)}.prose h2{font-size:var(--text-3xl)}.prose h3{font-size:var(--text-2xl)}.prose p{margin-bottom:var(--space-6)}.prose ul,.prose ol{margin-left:var(--space-6);margin-bottom:var(--space-6)}.prose li{margin-bottom:var(--space-2)}.prose strong{font-weight:var(--font-bold);color:var(--color-gray-900)}.prose a{color:var(--color-primary);text-decoration:underline}.prose a:hover{color:var(--color-primary-dark)}.prose code{background:var(--color-gray-100);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-gray-800)}.prose pre{background:var(--color-gray-900);color:var(--color-gray-100);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose blockquote{border-left:var(--border-width-4)solid var(--color-primary);padding-left:var(--space-4);margin:var(--space-6)0;color:var(--color-gray-600);font-style:italic}.prose table{border-collapse:collapse;width:100%;margin-bottom:var(--space-6)}.prose th,.prose td{border:var(--border-width)solid var(--color-gray-300);padding:var(--space-3);text-align:left}.prose th{background:var(--color-gray-100);font-weight:var(--font-semibold)}.newsletter-cta{background:var(--gradient-primary);color:var(--color-white);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;margin:var(--space-12)0}.newsletter-form{gap:var(--space-2);max-width:500px;margin:0 auto;display:flex}.newsletter-input{padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-base);border:none;flex:1}.newsletter-input:focus{outline:2px solid var(--color-white);outline-offset:2px}.footer{background:var(--color-gray-900);color:var(--color-gray-400);padding:var(--space-8)var(--space-4);text-align:center}@media (max-width:768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}.section{padding:var(--space-12)0}.nav-links{gap:var(--space-4)}.newsletter-form{flex-direction:column}}.text-center{text-align:center}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}