*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#1e293b;background-color:#f8fafc;min-height:100vh;display:flex;flex-direction:column}.header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);position:sticky;top:0;z-index:100}.header .container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;height:4rem}.header .logo{font-size:1.5rem;font-weight:700;color:#2563eb;text-decoration:none}.header .logo:hover{color:#134cca}.header .nav{display:flex;gap:2rem}.header .nav a{color:#64748b;text-decoration:none;font-weight:500;transition:color .2s ease}.header .nav a:hover{color:#2563eb}.main{max-width:1200px;margin:0 auto;padding:1rem;display:grid;grid-template-columns:2fr 1fr;gap:2rem;flex:1;width:100%;justify-content:center}@media (max-width: 768px){.main{grid-template-columns:1fr;gap:1rem;padding:.5rem}}.content{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);padding:1.5rem;min-height:400px;width:100%}@media (max-width: 768px){.content{padding:1rem}}.hero{text-align:center;margin-bottom:2rem;padding:1rem 0;border-bottom:1px solid #e2e8f0;max-width:800px;margin-left:auto;margin-right:auto}.title{font-size:2.5rem;font-weight:800;color:#1e293b;margin-bottom:.5rem;line-height:1.2}@media (max-width: 768px){.title{font-size:2rem}}.subtitle{font-size:1.25rem;color:#64748b;margin-bottom:1rem;line-height:1.4}h1,h2,h3,h4,h5,h6{color:#1e293b;margin-bottom:1rem;line-height:1.3}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:1rem;color:#1e293b}.blog-posts{max-width:800px;margin:0 auto}.blog-posts .post-item{border-bottom:1px solid #e2e8f0;padding:1rem 0}.blog-posts .post-item:last-child{border-bottom:none}.blog-posts .post-item .post-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.blog-posts .post-item .post-title a{color:#1e293b;text-decoration:none;transition:color .2s ease}.blog-posts .post-item .post-title a:hover{color:#2563eb}.blog-posts .post-item .post-meta{color:#64748b;font-size:.875rem;margin-bottom:.5rem}.blog-posts .post-item .post-summary{color:#64748b;line-height:1.6}.blog-post .post-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0;max-width:800px;margin-left:auto;margin-right:auto;text-align:center}.blog-post .post-header .title{margin-bottom:.5rem}.blog-post .post-header .post-meta{color:#64748b;font-size:.875rem}.blog-post .post-header .post-meta .tag{background:#f8fafc;color:#2563eb;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.blog-post .post-content{margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}.blog-post .post-content h1,.blog-post .post-content h2,.blog-post .post-content h3,.blog-post .post-content h4,.blog-post .post-content h5,.blog-post .post-content h6{margin-top:2rem;margin-bottom:1rem}.blog-post .post-content p{max-width:65ch;margin-bottom:1rem;margin-left:auto;margin-right:auto}.blog-post .post-content ul,.blog-post .post-content ol{margin-bottom:1rem;padding-left:1.5rem;max-width:65ch;margin-left:auto;margin-right:auto}.blog-post .post-content ul li,.blog-post .post-content ol li{margin-bottom:.5rem}.blog-post .post-content blockquote{border-left:4px solid #2563eb;padding-left:1rem;margin:1rem auto;font-style:italic;color:#64748b;max-width:65ch}.blog-post .post-content img{max-width:100%;height:auto;border-radius:.5rem;margin:1rem auto;display:block}.blog-post .post-footer{border-top:1px solid #e2e8f0;padding-top:1rem}.blog-post .post-footer .post-navigation{display:flex;justify-content:space-between;gap:1rem}.blog-post .post-footer .post-navigation .nav-link{color:#2563eb;text-decoration:none;font-weight:500;transition:color .2s ease}.blog-post .post-footer .post-navigation .nav-link:hover{color:#134cca}.blog-post .post-footer .post-navigation .nav-link.prev{text-align:left}.blog-post .post-footer .post-navigation .nav-link.next{text-align:right}.page{max-width:800px;margin:0 auto}.page .page-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0;text-align:center}.page .page-header .title{margin-bottom:.5rem}.page .page-header .page-meta{color:#64748b;font-size:.875rem}.page .page-content h1,.page .page-content h2,.page .page-content h3,.page .page-content h4,.page .page-content h5,.page .page-content h6{margin-top:2rem;margin-bottom:1rem}.page .page-content p{max-width:65ch;margin-left:auto;margin-right:auto;margin-bottom:1rem}.page .page-content ul,.page .page-content ol{margin-bottom:1rem;padding-left:1.5rem;max-width:65ch;margin-left:auto;margin-right:auto}.page .page-content ul li,.page .page-content ol li{margin-bottom:.5rem}.page .page-content blockquote{border-left:4px solid #2563eb;padding-left:1rem;margin:1rem auto;font-style:italic;color:#64748b;max-width:65ch}.page .page-content img{max-width:100%;height:auto;border-radius:.5rem;margin:1rem auto;display:block}.sidebar{max-width:300px;width:100%;justify-self:start}.sidebar .widget{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);padding:1rem;margin-bottom:1rem}.sidebar .widget .widget-title{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid #2563eb}.sidebar .widget .widget-content{color:#64748b;font-size:.875rem}.sidebar .widget .widget-content ul{list-style:none}.sidebar .widget .widget-content ul li{padding:.375rem 0;border-bottom:1px solid #e2e8f0}.sidebar .widget .widget-content ul li:last-child{border-bottom:none}.sidebar .widget .widget-content ul li a{color:#64748b;text-decoration:none;transition:color .2s ease}.sidebar .widget .widget-content ul li a:hover{color:#2563eb}.sidebar .widget .widget-content .share-buttons{display:flex;gap:.5rem}.sidebar .widget .widget-content .share-buttons a{background:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:.25rem;text-decoration:none;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.sidebar .widget .widget-content .share-buttons a:hover{background:#134cca}.no-posts{text-align:center;padding:3rem 0;color:#64748b}.footer{background:#1e293b;color:#fff;text-align:center;padding:1.5rem 1rem;margin-top:auto}.footer p{color:rgba(255,255,255,.8);margin-bottom:0}.footer a{color:#fff;text-decoration:none}.footer a:hover{text-decoration:underline}pre{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1rem 0}pre code{background:none;padding:0;border-radius:0}code{background:#f1f5f9;color:#e11d48;padding:.125rem .25rem;border-radius:.25rem;font-size:.875rem}@media (max-width: 768px){.header .nav{display:none}.blog-post .post-footer .post-navigation{flex-direction:column}.blog-post .post-footer .post-navigation .nav-link{text-align:center}}@keyframes fadeIn{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.content{animation:fadeIn .5s ease-out}