*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1a1a;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:5rem 0}.btn{display:inline-block;padding:1rem 2rem;border-radius:8px;font-weight:600;transition:all .3s ease;cursor:pointer;border:none;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(102,126,234,.4)}.btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:#667eea;color:#fff}@media (max-width:768px){.container{padding:0 1rem}.section{padding:3rem 0}}.blog-content{max-width:900px;margin:0 auto}.blog-content h2{font-size:2rem;margin-top:2.5rem;margin-bottom:1rem}.blog-content h2,.blog-content h3{font-weight:700;color:#1a1a1a;line-height:1.3}.blog-content h3{font-size:1.5rem;margin-top:2rem;margin-bottom:.75rem}.blog-content h4{font-size:1.25rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem;color:#333}.blog-content p{margin-bottom:1.5rem;line-height:1.8}.blog-content ol,.blog-content ul{margin-bottom:1.5rem;padding-left:2rem}.blog-content li{margin-bottom:.75rem;line-height:1.7}.blog-content strong{font-weight:600;color:#1a1a1a}.blog-content a{color:#667eea;text-decoration:underline;transition:color .2s ease}.blog-content a:hover{color:#764ba2}.blog-content blockquote{border-left:4px solid #667eea;padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:#666}.blog-content code{background:#f4f4f4;padding:.2rem .4rem;border-radius:4px;font-size:.9em;font-family:Courier New,monospace}.blog-content pre{background:#f4f4f4;padding:1.5rem;border-radius:8px;overflow-x:auto;margin-bottom:1.5rem}.blog-content pre code{background:none;padding:0}.blog-content img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0}.blog-content hr{border:none;border-top:2px solid #e0e0e0;margin:2.5rem 0}