body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.blog-container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.blog-header{margin-bottom:3rem}.blog-header h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.blog-header p{color:#7f8c8d;font-size:1.1rem;line-height:1.6;max-width:600px}.blog-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.blog-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:block;overflow:hidden;transition:all .3s ease}.blog-card,.blog-card:hover{color:inherit;text-decoration:none}.blog-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.blog-card-image{height:220px;overflow:hidden;position:relative;width:100%}.blog-card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:1.5rem}.blog-card-content h3{-webkit-line-clamp:2;color:#2c3e50;font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:.75rem}.blog-card-content h3,.blog-card-content p{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card-content p{-webkit-line-clamp:3;color:#7f8c8d;font-size:.95rem;line-height:1.6}@media (max-width:768px){.blog-container{padding:1.5rem 1rem}.blog-header h1{font-size:2rem}.blog-header p{font-size:1rem}.blog-grid{gap:1.5rem;grid-template-columns:1fr}.blog-card-image{height:200px}.blog-card-content{padding:1.25rem}.blog-card-content h3{font-size:1.1rem}}@media (max-width:480px){.blog-container{padding:1rem .75rem}.blog-header{margin-bottom:2rem}.blog-header h1{font-size:1.75rem}.blog-grid{gap:1.25rem}.blog-card-content{padding:1rem}}.article-container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.article-breadcrumb{color:#7f8c8d;font-size:.9rem;margin-bottom:2rem}.article-breadcrumb a{color:#3498db;text-decoration:none}.article-breadcrumb a:hover{text-decoration:underline}.article-layout{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 300px}.article-main{min-width:0}.article-header{margin-bottom:2rem}.article-header h1{color:#2c3e50;font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.article-meta{color:#7f8c8d;font-size:.9rem}.article-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;overflow:hidden}.article-image img{height:400px;object-fit:cover;width:100%}.article-content{color:#2c3e50;line-height:1.7}.article-intro{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;color:#34495e;font-size:1.2rem;margin-bottom:2rem;padding:1.5rem}.article-content h2{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:1.8rem;font-weight:600;margin:2.5rem 0 1.5rem;padding-bottom:.5rem}.article-content h3{color:#34495e;font-size:1.4rem;font-weight:600;margin:2rem 0 1rem}.article-content p{font-size:1.05rem;margin-bottom:1.5rem}.article-content ul{margin:1.5rem 0;padding-left:2rem}.article-content li{font-size:1.05rem;margin-bottom:.75rem}.article-content strong{color:#2c3e50;font-weight:600}.article-cta{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;margin:3rem 0;padding:2rem;text-align:center}.cta-button{background:#fff;border-radius:50px;box-shadow:0 4px 12px #0000001a;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.cta-button,.cta-button:hover{color:#667eea;text-decoration:none}.cta-button:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.article-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:2rem}.table-of-contents{background:#fff;border:1px solid #ecf0f1;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:1.5rem}.table-of-contents h3{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.table-of-contents ul{list-style:none;margin:0;padding:0}.table-of-contents li{margin-bottom:.75rem}.table-of-contents .toc-link{background:none;border:none;border-radius:4px;color:#7f8c8d;cursor:pointer;display:block;font-family:inherit;font-size:.95rem;line-height:1.4;padding:.5rem 0;text-align:left;transition:all .3s ease;width:100%}.table-of-contents .toc-link:hover{background:#f8f9fa;color:#3498db;padding-left:.5rem}@media (max-width:1024px){.article-layout{gap:2rem;grid-template-columns:1fr 250px}.article-header h1{font-size:2.2rem}}@media (max-width:768px){.article-container{padding:1.5rem 1rem}.article-layout{gap:2rem;grid-template-columns:1fr}.article-header h1{font-size:1.8rem}.article-image img{height:250px}.article-intro{font-size:1.1rem;padding:1.25rem}.article-content h2{font-size:1.5rem}.article-content h3{font-size:1.25rem}.article-sidebar{order:-1;position:static}.table-of-contents{margin-bottom:2rem}}@media (max-width:480px){.article-container{padding:1rem .75rem}.article-header h1{font-size:1.6rem}.article-image img{height:200px}.article-intro{font-size:1rem;padding:1rem}.article-content li,.article-content p,.cta-button{font-size:1rem}.cta-button{padding:.875rem 1.5rem}}
/*# sourceMappingURL=main.3b353aa7.css.map*/