*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;background:#0f0f0f;color:#e8e8e8;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}a{color:#7c9dff;text-decoration:none}a:hover{color:#a3bbff;text-decoration:underline}.navbar{padding:1rem 0;border-bottom:1px solid #333}.navbar .container{display:flex;justify-content:space-between;align-items:center}.navbar .logo{font-size:1.5rem;font-weight:700;color:#e8e8e8}.navbar .logo:hover{text-decoration:none;color:#7c9dff}.navbar .nav-links{list-style:none;display:flex;gap:2rem}.navbar .nav-links a{color:#888}.navbar .nav-links a:hover{color:#e8e8e8;text-decoration:none}.hero{padding:6rem 0;text-align:center}.hero h1{font-size:4rem;font-weight:700;margin-bottom:1rem}.hero .tagline{font-size:1.5rem;color:#888;margin-bottom:2rem}.hero .cta-buttons{display:flex;gap:1rem;justify-content:center}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;transition:all .2s}.btn:hover{text-decoration:none}.btn-primary{background:#7c9dff;color:#0f0f0f}.btn-primary:hover{background:#a3bbff;color:#0f0f0f}.btn-secondary{background:rgba(0,0,0,0);color:#e8e8e8;border:1px solid #333}.btn-secondary:hover{border-color:#888;color:#e8e8e8}.features{padding:4rem 0}.features .container{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem}.features .feature{background:#1a1a1a;padding:2rem;border-radius:8px;border:1px solid #333}.features .feature h2{font-size:1.25rem;margin-bottom:.75rem}.features .feature p{color:#888}.example{padding:4rem 0}.example h2{text-align:center;margin-bottom:2rem}.example pre{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1.5rem;overflow-x:auto}.example pre code{font-family:"JetBrains Mono","Fira Code",Consolas,monospace;font-size:.9rem}.page{padding:3rem 0;flex:1}.page h1{font-size:2.5rem;margin-bottom:2rem}.page h2{font-size:1.5rem;margin:2rem 0 1rem}.page p{margin-bottom:1rem}.page pre{background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:1rem;margin:1rem 0;overflow-x:auto}.page pre code{font-family:"JetBrains Mono","Fira Code",Consolas,monospace;font-size:.875rem}.page code{font-family:"JetBrains Mono","Fira Code",Consolas,monospace;background:#1a1a1a;padding:.2em .4em;border-radius:3px;font-size:.9em}.page ul,.page ol{margin:1rem 0;padding-left:2rem}.page li{margin-bottom:.5rem}.blog-list{padding:3rem 0;flex:1}.blog-list .blog-header{margin-bottom:3rem}.blog-list .blog-header h1{font-size:2.5rem;margin-bottom:.5rem}.blog-list .blog-header .blog-description{color:#888;margin-bottom:1rem}.blog-list .blog-header .rss-link{display:inline-flex;align-items:center;gap:.5rem;color:#888;font-size:.875rem}.blog-list .blog-header .rss-link:hover{color:#7c9dff}.blog-list .blog-header .rss-link svg{width:14px;height:14px}.blog-list .posts{display:flex;flex-direction:column;gap:2rem}.blog-list .post-preview{padding-bottom:2rem;border-bottom:1px solid #333}.blog-list .post-preview:last-child{border-bottom:none}.blog-list .post-preview h2{font-size:1.5rem;margin-bottom:.25rem}.blog-list .post-preview h2 a{color:#e8e8e8}.blog-list .post-preview h2 a:hover{color:#7c9dff;text-decoration:none}.blog-list .post-preview time{display:block;color:#888;font-size:.875rem;margin-bottom:.75rem}.blog-list .post-preview p{color:#888}.blog-list .pagination{display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:1px solid #333}.blog-post{padding:3rem 0;flex:1}.blog-post .post-header{margin-bottom:2rem}.blog-post .post-header h1{font-size:2.5rem;margin-bottom:.5rem}.blog-post .post-header time{color:#888}.blog-post .post-content h2{font-size:1.5rem;margin:2rem 0 1rem}.blog-post .post-content h3{font-size:1.25rem;margin:1.5rem 0 .75rem}.blog-post .post-content p{margin-bottom:1rem}.blog-post .post-content ul,.blog-post .post-content ol{margin:1rem 0;padding-left:2rem}.blog-post .post-content li{margin-bottom:.5rem}.blog-post .post-content pre{background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:1rem;margin:1rem 0;overflow-x:auto}.blog-post .post-content pre code{font-family:"JetBrains Mono","Fira Code",Consolas,monospace;font-size:.875rem}.blog-post .post-content code{font-family:"JetBrains Mono","Fira Code",Consolas,monospace;background:#1a1a1a;padding:.2em .4em;border-radius:3px;font-size:.9em}.blog-post .post-content blockquote{border-left:3px solid #7c9dff;padding-left:1rem;margin:1rem 0;color:#888}footer{padding:2rem 0;border-top:1px solid #333;text-align:center;color:#888;margin-top:auto}@media (max-width: 600px){.hero h1{font-size:2.5rem}.hero .tagline{font-size:1.125rem}.cta-buttons{flex-direction:column}.navbar .nav-links{gap:1rem;font-size:.9rem}}