:root{--color-primary:#1e293b;--color-accent:#3b82f6;--color-text:#334155;--color-muted:#64748b;--color-bg:#f8fafc;--color-card-bg:#fff;--color-border:#e2e8f0;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--border-radius:8px;--shadow-card:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-hover:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:var(--spacing-sm);line-height:1.2}.container{max-width:1200px;padding:0 var(--spacing-sm);margin:0 auto}.btn{background-color:var(--color-accent);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);text-align:center;cursor:pointer;border:none;font-weight:500;transition:background-color .2s;display:inline-block}.btn:hover{color:#fff;background-color:#2563eb}.layout-main{gap:var(--spacing-lg);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}@media (width>=1024px){.layout-main{flex-direction:row}.layout-content{flex:2}.layout-sidebar{flex:1}}.header{background:var(--color-card-bg);box-shadow:var(--shadow-card);z-index:100;position:sticky;top:0}.header-container{padding:var(--spacing-sm) var(--spacing-md);justify-content:space-between;align-items:center;display:flex;position:relative}.logo{color:var(--color-primary);font-size:1.5rem;font-weight:700}.nav{display:none}.nav.open{background:var(--color-card-bg);padding:var(--spacing-sm);display:block;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 6px -1px #0000001a}.nav-list{gap:var(--spacing-sm);flex-direction:column;list-style:none;display:flex}.nav-link{color:var(--color-text);font-weight:500}.nav-link.active{color:var(--color-accent)}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;font-size:1.5rem}@media (width>=768px){.mobile-menu-btn{display:none}.nav{display:block}.nav-list{gap:var(--spacing-lg);flex-direction:row}}.hero{padding:var(--spacing-xl) var(--spacing-md);text-align:center;border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)}.hero-title{margin-bottom:var(--spacing-sm);font-size:2.5rem}.hero-tagline{color:var(--color-muted);margin-bottom:var(--spacing-lg);font-size:1.25rem}.blog-grid{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (width>=768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}.blog-card{background:var(--color-card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-card);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.blog-card-image{aspect-ratio:3/2;position:relative;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%}.category-badge{top:var(--spacing-sm);left:var(--spacing-sm);background:var(--color-accent);color:#fff;text-transform:uppercase;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute}.blog-card-content{padding:var(--spacing-md);flex-direction:column;flex:1;display:flex}.blog-card-meta{gap:var(--spacing-sm);color:var(--color-muted);margin-bottom:var(--spacing-xs);font-size:.875rem;display:flex}.blog-card-title{margin-bottom:var(--spacing-sm);font-size:1.25rem}.blog-card-excerpt{color:var(--color-text);margin-bottom:var(--spacing-md);flex:1}.read-more{color:var(--color-accent);margin-top:auto;font-weight:600}.sidebar{gap:var(--spacing-lg);flex-direction:column;display:flex}.widget{background:var(--color-card-bg);padding:var(--spacing-md);border-radius:var(--border-radius);box-shadow:var(--shadow-card)}.widget-title{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-border);font-size:1.125rem}.avatar{width:80px;height:80px;margin-bottom:var(--spacing-sm);border-radius:50%}.search-form{gap:var(--spacing-xs);display:flex}.search-form input,.newsletter-form input{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);flex:1;font-family:inherit}.category-list{list-style:none}.category-list li{margin-bottom:var(--spacing-xs)}.category-btn{color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem}.category-btn:hover{color:var(--color-accent)}.recent-posts-list{list-style:none}.recent-posts-list li{margin-bottom:var(--spacing-sm);flex-direction:column;display:flex}.recent-post-date{color:var(--color-muted);font-size:.75rem}.newsletter-form{margin-top:var(--spacing-sm);gap:var(--spacing-sm);flex-direction:column;display:flex}.btn-full{width:100%}.post-article{max-width:800px;margin:var(--spacing-xl) auto;background:var(--color-card-bg);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--shadow-card)}.back-link{margin-bottom:var(--spacing-md);color:var(--color-muted);display:inline-block}.post-header{margin-bottom:var(--spacing-lg)}.post-header .category-badge{margin-bottom:var(--spacing-sm);display:inline-block;position:static}.post-title{margin-bottom:var(--spacing-sm);font-size:2.5rem}.post-meta{gap:var(--spacing-md);color:var(--color-muted);display:flex}.post-hero-image{border-radius:var(--border-radius);width:100%;margin-bottom:var(--spacing-lg);aspect-ratio:16/9;object-fit:cover}.post-content{color:var(--color-text);line-height:1.75}.post-content h2,.post-content h3,.post-content h4{color:var(--color-primary);margin-top:2em;margin-bottom:1em;font-weight:600}.post-content h2{border-bottom:1px solid var(--color-border);padding-bottom:.3em;font-size:1.75rem}.post-content h3{font-size:1.5rem}.post-content p{margin-top:1.25em;margin-bottom:1.25em;font-size:1.125rem}.post-content a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.post-content a:hover{text-decoration-thickness:2px}.post-content blockquote{color:var(--color-primary);border-left:.25rem solid var(--color-border);margin:1.6em 0;padding-left:1em;font-style:italic;font-weight:500}.post-content ul,.post-content ol{margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em;font-size:1.125rem}.post-content li{margin-top:.5em;margin-bottom:.5em}.post-content code{color:var(--color-primary);background-color:var(--color-border);border-radius:.25rem;padding:.2em .4em;font-family:monospace;font-size:.875em}.post-content pre{color:var(--color-bg);background-color:var(--color-primary);border-radius:var(--border-radius);margin-top:1.71429em;margin-bottom:1.71429em;padding:1.14286em;font-size:.875em;line-height:1.71429;overflow-x:auto}.post-content pre code{color:inherit;font-size:inherit;background-color:#0000;border-radius:0;padding:0}.post-content table{border-collapse:collapse;width:100%;margin-top:2em;margin-bottom:2em}.post-content th{background-color:var(--color-bg);border-bottom:2px solid var(--color-border);text-align:left;padding:.75em;font-weight:600}.post-content td{border-bottom:1px solid var(--color-border);padding:.75em}.related-posts{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer{background:var(--color-primary);color:#fff;padding:var(--spacing-lg) 0;margin-top:auto}.footer-container{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.footer-links{gap:var(--spacing-md);display:flex}@media (width>=768px){.footer-container{flex-direction:row;justify-content:space-between}}