*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1f2937;background:#fff;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}main{flex:1}a{color:#6366f1;text-decoration:none;transition:color 0.2s}a:hover{color:#4f46e5}img{max-width:100%;height:auto}.container{max-width:1140px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-block;padding:0.75rem 1.5rem;border-radius:0.5rem;font-weight:500;text-align:center;transition:all 0.2s;cursor:pointer;border:none}.btn-primary{background:#6366f1;color:white}.btn-primary:hover{background:#4f46e5;color:white}.site-header{padding:1rem 0;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:100}.nav{display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.5rem;font-weight:700;color:#1f2937}.logo:hover{color:#6366f1}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:#6b7280;font-weight:500}.nav-links a:hover,.nav-links a.active{color:#6366f1}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:0.5rem}.nav-toggle span{width:24px;height:2px;background:#1f2937;transition:all 0.3s}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px, -5px)}.hero{padding:6rem 0;text-align:center;background:linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%)}.hero h1{font-size:3rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.hero .hero-subtitle{font-size:1.25rem;color:#6b7280;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.features{padding:5rem 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;margin-top:3rem}.feature-card{padding:2rem;background:#f9fafb;border-radius:1rem;text-align:center}.feature-card .icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;margin-bottom:0.75rem}.feature-card p{color:#6b7280}.section-title{text-align:center;font-size:2rem;font-weight:700}.page,.post{padding:4rem 0}.page-header,.post-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.page-header h1,.post-header h1{font-size:2.5rem;margin-bottom:0.5rem}.page-header .meta,.post-header .meta{color:#6b7280;font-size:0.875rem}.page-content,.post-content{max-width:720px}.page-content h2,.post-content h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem}.page-content h3,.post-content h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:0.75rem}.page-content p,.post-content p{margin-bottom:1rem}.page-content ul,.page-content ol,.post-content ul,.post-content ol{margin-bottom:1rem;padding-left:1.5rem}.page-content ul li,.page-content ol li,.post-content ul li,.post-content ol li{margin-bottom:0.5rem}.post-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.blog-page{padding:4rem 0}.posts-list{list-style:none;max-width:720px}.post-item{padding:1.5rem 0;border-bottom:1px solid #e5e7eb}.post-item:last-child{border-bottom:none}.post-item h2{font-size:1.5rem;margin-bottom:0.5rem}.post-item h2 a{color:#1f2937}.post-item h2 a:hover{color:#6366f1}.post-item .meta{color:#6b7280;font-size:0.875rem;margin-bottom:0.5rem}.post-item p{color:#6b7280}.site-footer{background:#f9fafb;padding:3rem 0 1.5rem;margin-top:4rem;border-top:1px solid #e5e7eb}.footer-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-bottom:2rem}.footer-brand .logo{display:block;margin-bottom:0.5rem}.footer-brand p{color:#6b7280}.footer-links h4{font-size:0.875rem;text-transform:uppercase;letter-spacing:0.05em;color:#6b7280;margin-bottom:1rem}.footer-links ul{list-style:none}.footer-links ul li{margin-bottom:0.5rem}.footer-links ul a{color:#6b7280}.footer-links ul a:hover{color:#6366f1}.footer-bottom{padding-top:1.5rem;border-top:1px solid #e5e7eb}.footer-bottom p{color:#6b7280;font-size:0.875rem}@media (max-width: 768px){.nav-toggle{display:flex}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;padding:1rem;border-bottom:1px solid #e5e7eb;gap:0}.nav-links.active{display:flex}.nav-links li{padding:0.75rem 0}.site-header{position:relative}.hero{padding:4rem 0}.hero h1{font-size:2rem}.hero .hero-subtitle{font-size:1rem}.footer-content{grid-template-columns:1fr;gap:2rem}.page-header h1,.post-header h1{font-size:1.75rem}}