@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_2ae47f08-module__h69qWW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_2ae47f08-module__h69qWW__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_eb58308d-module__w_p2Lq__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_eb58308d-module__w_p2Lq__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Arial,Helvetica,sans-serif;display:flex}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root{--primary-dark:#0a1f44;--primary:#1a75ff;--accent:#ff6b35;--light:#e6f0ff;--text-dark:#333;--text-light:#f8f9fa;--gray:#8c98a4;--border-radius:12px;--shadow:0 8px 24px #0000001a;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:62.5%}body{color:var(--text-dark);background-color:#f8fafc;font-family:Open Sans,sans-serif;font-size:1.6rem;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5{margin-bottom:1.5rem;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.3}h1{font-size:4.8rem}h2{padding-bottom:1.5rem;font-size:3.6rem;position:relative}h2:after{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:2px;width:80px;height:4px;position:absolute;bottom:0;left:0}.container{width:100%;max-width:120rem;margin:0 auto;padding:0 2rem}section{padding:8rem 0}.text-center{text-align:center}.text-center h2:after{left:50%;transform:translate(-50%)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;width:100%;transition:var(--transition);background:#0a1f44f2;padding:1.5rem 0;position:fixed;top:0;left:0}.navbar.scrolled{box-shadow:var(--shadow)}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;display:flex}.logo svg{height:4rem;margin-right:1rem}.logo-text{color:var(--text-light);font-family:Montserrat,sans-serif;font-size:2.2rem;font-weight:700}.logo-text span{color:var(--primary)}.nav-links{list-style:none;display:flex}.nav-links li{margin-left:3rem}.nav-links a{color:var(--text-light);transition:var(--transition);font-weight:500;text-decoration:none;position:relative}.nav-links a:hover{color:var(--primary)}.nav-links a:after{content:"";background:var(--primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-5px;left:0}.nav-links a:hover:after{width:100%}.btn{background:linear-gradient(90deg, var(--primary), #0052cc);color:#fff;transition:var(--transition);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:50px;padding:1.2rem 2.5rem;font-size:1.4rem;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #1a75ff4d}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.hero{background:linear-gradient(135deg, var(--primary-dark) 0%, #0c2a5d 100%);color:var(--text-light);padding:16rem 0 8rem;position:relative;overflow:hidden}.hero:before{content:"";opacity:.35;background:url(/hero-bg.jpg) 50%/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{max-width:700px;position:relative}.hero h1{margin-bottom:2rem;font-size:5.2rem;line-height:1.2}.hero p{opacity:.9;max-width:600px;margin-bottom:3rem;font-size:1.8rem}.hero-btns{gap:1.5rem;display:flex}.services{background-color:#fff}.section-title{text-align:center;margin-bottom:6rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;display:grid}.service-card{border-radius:var(--border-radius);box-shadow:var(--shadow);transition:var(--transition);background:#fff;overflow:hidden}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.service-img{height:220px;overflow:hidden}.service-img img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.service-card:hover .service-img img{transform:scale(1.1)}.service-content{padding:2.5rem}.service-content h3{margin-bottom:1.2rem;font-size:2.4rem}.service-content ul{margin:1.5rem 0;padding-left:1.8rem}.service-content li{margin-bottom:.8rem}.strapi{background:linear-gradient(90deg,#f0f7ff,#e6f0ff);position:relative}.strapi-container{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));align-items:center;gap:5rem;display:grid}.strapi-content{padding-right:2rem}.strapi-img{border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.strapi-img img{width:100%;display:block}.features{margin:3rem 0}.feature{align-items:flex-start;margin-bottom:2rem;display:flex}.feature-icon{background:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;margin-right:1.5rem;display:flex}.feature-icon i{color:#fff;font-size:1.8rem}.feature-content h4{margin-bottom:.5rem;font-size:2rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;display:grid}.project-card{border-radius:var(--border-radius);height:400px;box-shadow:var(--shadow);position:relative;overflow:hidden}.project-img{width:100%;height:100%}.project-img img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.project-overlay{color:#fff;opacity:0;width:100%;transition:var(--transition);background:linear-gradient(#0000,#0a1f44e6);padding:2.5rem;position:absolute;bottom:0;left:0;transform:translateY(20px)}.project-card:hover .project-overlay{opacity:1;transform:translateY(0)}.project-card:hover .project-img img{transform:scale(1.1)}.project-overlay h3{margin-bottom:1rem;font-size:2.2rem}.project-overlay p{opacity:.9;margin-bottom:1.5rem}.stats{background:var(--primary-dark);color:var(--text-light);text-align:center;padding:6rem 0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-top:4rem;display:grid}.stat-item{padding:2rem}.stat-number{color:var(--primary);margin-bottom:1rem;font-size:5rem;font-weight:700}.stat-text{opacity:.8;font-size:1.8rem}.testimonials{background:#fff}.testimonials-container{max-width:900px;margin:0 auto}.testimonial-card{border-radius:var(--border-radius);box-shadow:var(--shadow);background:#fff;margin:2rem;padding:4rem;position:relative}.testimonial-card:before{content:"\"";color:var(--light);opacity:.6;font-family:Georgia,serif;font-size:8rem;line-height:1;position:absolute;top:2rem;left:2rem}.testimonial-content{z-index:1;margin-bottom:2rem;font-size:1.8rem;font-style:italic;position:relative}.testimonial-author{align-items:center;display:flex}.author-img{border-radius:50%;width:60px;height:60px;margin-right:1.5rem;overflow:hidden}.author-img img{object-fit:cover;width:100%;height:100%}.author-info h4{margin-bottom:.3rem;font-size:1.8rem}.author-info p{opacity:.7;font-size:1.4rem}.contact{background:linear-gradient(90deg,#f0f7ff,#e6f0ff)}.contact-container{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:5rem;display:grid}.contact-info{padding-right:2rem}.contact-info-item{margin-bottom:3rem;display:flex}.contact-icon{background:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;margin-right:1.5rem;display:flex}.contact-icon i{color:#fff;font-size:1.8rem}.contact-form{border-radius:var(--border-radius);box-shadow:var(--shadow);background:#fff;padding:4rem}.form-group{margin-bottom:2rem}.form-group label{margin-bottom:.8rem;font-weight:500;display:block}.form-control{width:100%;transition:var(--transition);border:1px solid #ddd;border-radius:8px;padding:1.2rem 1.5rem;font-family:inherit;font-size:1.6rem}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1a75ff33}textarea.form-control{resize:vertical;min-height:150px}footer{background:var(--primary-dark);color:var(--text-light);padding:6rem 0 2rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:4rem;margin-bottom:4rem;display:grid}.footer-col h3{color:#fff;margin-bottom:2rem;padding-bottom:1rem;font-size:2.2rem;position:relative}.footer-col h3:after{content:"";background:var(--primary);width:50px;height:3px;position:absolute;bottom:0;left:0}.footer-links{list-style:none}.footer-links li{margin-bottom:1rem}.footer-links a{color:var(--gray);transition:var(--transition);text-decoration:none}.footer-links a:hover{color:var(--primary);padding-left:5px}.social-links{gap:1.5rem;margin-top:2rem;display:flex}.social-links a{color:#fff;width:40px;height:40px;transition:var(--transition);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-links a:hover{background:var(--primary);transform:translateY(-3px)}.copyright{text-align:center;color:var(--gray);border-top:1px solid #ffffff1a;padding-top:3rem;font-size:1.4rem}@media (max-width:992px){.hero:before{opacity:.25;width:100%}.hero-content{max-width:100%}.hero h1{font-size:4rem}}@media (max-width:768px){.navbar{padding:1rem 0}.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;background:#0a1f44fa;border-top:1px solid #ffffff1a;flex-direction:column;gap:1.5rem;padding:2rem;display:none;position:fixed;top:60px;left:0;right:0}.nav-links.nav-open{display:flex}.nav-links li{margin-left:0!important}.nav-links a{padding:.5rem 0;font-size:1.6rem;display:block}.hamburger{color:#fff;cursor:pointer;justify-content:center;align-items:center;width:44px;height:44px;font-size:2rem;display:flex}.nav-backdrop{z-index:998;background:#00000080;position:fixed;inset:60px 0 0}.nav-cta{display:none}.hero{padding:14rem 0 6rem}.hero h1{font-size:3.2rem}.hero-btns{flex-direction:column;gap:1rem}.hero-btns .btn{text-align:center;width:100%}section{padding:6rem 0}.testimonial-card,.contact-form{padding:3rem}}@media (max-width:480px){.logo-text{font-size:1.8rem}.hero h1,h2{font-size:2.8rem}.service-card,.project-card{max-width:100%}.contact-container,.strapi-container{grid-template-columns:1fr}.contact-info{padding-right:0}}:root{--blog-primary:#1a75ff;--blog-secondary:#f8fafc;--blog-gray:#64748b;--blog-light:#f1f5f9;--blog-dark:#1e293b;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 8px 12px #0000001a}body.blog-page{color:var(--blog-dark);background-color:#f8fafc;font-family:Open Sans,sans-serif;line-height:1.6}.breadcrumb{margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.blog-header{color:#fff;text-align:center;background:linear-gradient(135deg,#1a75ff 0%,#0d4bbd 100%);margin-bottom:2rem;padding:5rem 0 3rem}.blog-header h1{text-shadow:0 2px 4px #0003;margin-bottom:1.5rem;font-size:2.8rem;font-weight:700}.blog-header p{opacity:.9;max-width:700px;margin:0 auto;font-size:1.4rem;line-height:1.7}.blog-container{grid-template-columns:1fr 350px;gap:2.5rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid}@media (max-width:992px){.blog-container{grid-template-columns:1fr}}.blog-filters{box-shadow:var(--shadow-md);background:#fff;border-radius:12px;margin-bottom:2rem;padding:1.5rem;position:sticky;top:20px}.filter-title{color:var(--blog-dark);align-items:center;margin-bottom:1rem;font-weight:600;display:flex}.filter-title i{color:var(--blog-primary);margin-right:.75rem}.category-filter{flex-wrap:wrap;gap:.75rem;display:flex}.category-btn{background:var(--blog-light);cursor:pointer;color:var(--blog-gray);border:none;border-radius:30px;padding:.5rem 1.25rem;font-weight:500;transition:all .3s}.category-btn.active,.category-btn:hover{background:var(--blog-primary);color:#fff}.search-box{margin-top:1.25rem;display:flex}.search-box input{border:1px solid var(--blog-light);border-radius:30px 0 0 30px;outline:none;flex:1;padding:.75rem 1.25rem;font-size:1rem;transition:border-color .3s}.search-box input:focus{border-color:var(--blog-primary)}.search-box button{background:var(--blog-primary);color:#fff;cursor:pointer;border:none;border-radius:0 30px 30px 0;padding:0 1.5rem;transition:background .3s}.search-box button:hover{background:#0d4bbd}.blog-posts{gap:2rem;display:grid}.blog-post-card{box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;transition:transform .3s,box-shadow .3s;overflow:hidden}.blog-post-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px #0000001f}.post-img{height:240px;overflow:hidden}.post-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-post-card:hover .post-img img{transform:scale(1.05)}.post-content{padding:1.75rem}.post-meta{color:var(--blog-gray);align-items:center;margin-bottom:1rem;font-size:.9rem;display:flex}.post-category{color:var(--blog-primary);background:#1a75ff1a;border-radius:20px;margin-right:1rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.post-author{align-items:center;display:flex}.author-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px;margin-right:.5rem}.post-title{margin-bottom:1rem;font-size:1.6rem;font-weight:700;line-height:1.3;transition:color .3s}.post-title a{color:var(--blog-dark);text-decoration:none;transition:color .3s}.post-title a:hover{color:var(--blog-primary)}.post-excerpt{color:var(--blog-gray);margin-bottom:1.5rem;font-size:1.05rem}.post-footer{border-top:1px solid var(--blog-light);justify-content:space-between;align-items:center;padding-top:1.25rem;display:flex}.read-more{color:var(--blog-primary);align-items:center;font-weight:600;text-decoration:none;transition:color .3s;display:flex}.read-more:hover{color:#0d4bbd}.read-more i{margin-left:.5rem;transition:transform .3s}.read-more:hover i{transform:translate(3px)}.post-stats{color:var(--blog-gray);gap:1rem;font-size:.9rem;display:flex}.stat-item{align-items:center;display:flex}.popular-posts,.newsletter,.tags-cloud{padding:1.5rem}.popular-post{border-bottom:1px solid var(--blog-light);gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.popular-post:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.popular-post-img{border-radius:10px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.popular-post-img img{object-fit:cover;width:100%;height:100%}.popular-post-content h4{margin-bottom:.5rem;font-size:1rem;line-height:1.4}.popular-post-content h4 a{color:var(--blog-dark);text-decoration:none;transition:color .3s}.popular-post-content h4 a:hover{color:var(--blog-primary)}.popular-post-meta{color:var(--blog-gray);font-size:.85rem}.newsletter-form{flex-direction:column;gap:1rem;display:flex}.newsletter-form input{border:1px solid var(--blog-light);border-radius:10px;outline:none;padding:.85rem 1.25rem;font-family:Open Sans,sans-serif;transition:border-color .3s}.newsletter-form input:focus{border-color:var(--blog-primary)}.btn-subscribe{background:var(--blog-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.85rem;font-weight:600;transition:background .3s}.btn-subscribe:hover{background:#0d4bbd}.tags{flex-wrap:wrap;gap:.75rem;display:flex}.tag{background:var(--blog-light);color:var(--blog-gray);border-radius:30px;padding:.4rem .9rem;font-size:.9rem;text-decoration:none;transition:all .3s}.tag:hover,.tag.active{background:var(--blog-primary);color:#fff}.pagination{justify-content:center;gap:.5rem;margin:3rem 0 5rem;display:flex}.page-item{border:1px solid var(--blog-light);width:42px;height:42px;color:var(--blog-primary);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.page-item.active{background:var(--blog-primary);color:#fff;border-color:var(--blog-primary)}.page-item:hover:not(.active){background:var(--blog-light);transform:translateY(-2px)}.page-item.prev,.page-item.next{border-radius:30px;width:auto;padding:0 1rem}:root{--blog-primary:#1a75ff;--blog-secondary:#f8fafc;--blog-gray:#64748b;--blog-light:#f1f5f9;--blog-dark:#1e293b;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 8px 12px #0000001a;--code-bg:#f1f5f9;--code-color:#1e293b}body.blog-detail{color:var(--blog-dark);background-color:#f8fafc;font-family:Open Sans,sans-serif;line-height:1.7}.blog-breadcrumb{border-bottom:1px solid var(--blog-light);background:#fff;padding:1rem 0}.breadcrumb{max-width:1200px;margin:0 auto;padding:0 1.5rem;font-size:.9rem;list-style:none;display:flex}.breadcrumb li:not(:last-child):after{content:"›";color:var(--blog-gray);margin:0 .75rem}.breadcrumb a{color:var(--blog-primary);text-decoration:none;transition:color .3s}.breadcrumb a:hover{color:#0d4bbd;text-decoration:underline}.blog-detail-container{grid-template-columns:1fr 350px;gap:2.5rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid}@media (max-width:992px){.blog-detail-container{grid-template-columns:1fr}}.blog-content{box-shadow:var(--shadow-md);background:#fff;border-radius:16px;margin-bottom:2rem;overflow:hidden}.featured-image{width:100%;height:450px;overflow:hidden}.featured-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-detail:hover .featured-image img{transform:scale(1.03)}.article-header{padding:2.5rem 2.5rem 1.5rem}.article-category{color:var(--blog-primary);background:#1a75ff1a;border-radius:30px;margin-bottom:1rem;padding:.4rem 1rem;font-size:.95rem;font-weight:600;display:inline-block}.article-title{color:var(--blog-dark);margin-bottom:1.5rem;font-size:2.4rem;font-weight:700;line-height:1.2}.article-meta{color:var(--blog-gray);flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1.5rem;font-size:.95rem;display:flex}.meta-item{align-items:center;gap:.5rem;display:flex}.author-info{align-items:center;gap:1rem;display:flex}.author-avatar{object-fit:cover;border-radius:50%;width:50px;height:50px;overflow:hidden}.author-details h4{color:var(--blog-dark);margin:0;font-size:1.1rem}.author-details p{color:var(--blog-gray);margin:0;font-size:.9rem}.article-content{padding:0 2.5rem 2.5rem;font-size:1.05rem}.article-content h2{color:var(--blog-dark);margin:2.5rem 0 1.5rem;font-size:1.8rem;font-weight:700;line-height:1.3}.article-content h3{color:var(--blog-dark);margin:2rem 0 1rem;font-size:1.4rem;font-weight:600}.article-content p{margin-bottom:1.5rem;line-height:1.8}.article-content ul,.article-content ol{margin:1.5rem 0;padding-left:2rem}.article-content li{margin-bottom:.75rem}.article-content blockquote{border-left:4px solid var(--blog-primary);background:var(--blog-light);color:var(--blog-gray);border-radius:0 8px 8px 0;margin:2rem 0;padding:1.5rem;font-style:italic}.article-content code{background:var(--code-bg);color:#e53e3e;border-radius:4px;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.95rem}.article-content pre{background:var(--code-bg);border:1px solid var(--blog-light);border-radius:8px;margin:2rem 0;padding:1.5rem;overflow-x:auto}.article-content pre code{color:var(--code-color);background:0 0;border-radius:0;padding:0;font-size:.95rem;line-height:1.6}.article-content img{border-radius:8px;max-width:100%;height:auto;margin:2rem 0;display:block}.article-content .img-caption{text-align:center;color:var(--blog-gray);margin-top:-1.5rem;margin-bottom:2rem;font-size:.85rem}.article-footer{background:var(--blog-light);border-top:1px solid var(--blog-light);flex-wrap:wrap;justify-content:space-between;gap:1.5rem;padding:1.5rem 2.5rem;display:flex}.share-section{align-items:center;gap:1rem;display:flex}.share-label{color:var(--blog-gray);font-weight:500}.share-icons{gap:.75rem;display:flex}.share-icon{width:40px;height:40px;box-shadow:var(--shadow-sm);color:var(--blog-primary);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .3s;display:flex}.share-icon:hover{background:var(--blog-primary);color:#fff;transform:translateY(-3px)}.tags-section{align-items:center;gap:1rem;display:flex}.tags-list{flex-wrap:wrap;gap:.75rem;display:flex}.tag{border:1px solid var(--blog-light);color:var(--blog-primary);background:#fff;border-radius:30px;padding:.4rem .9rem;font-size:.9rem;text-decoration:none;transition:all .3s}.tag:hover{background:var(--blog-primary);color:#fff;border-color:var(--blog-primary)}.author-card{box-shadow:var(--shadow-md);background:#fff;border-radius:16px;margin-bottom:2rem;padding:2rem;overflow:hidden}.author-card h3{color:var(--blog-dark);align-items:center;gap:.75rem;margin-top:0;margin-bottom:1.5rem;font-size:1.4rem;display:flex}.author-card h3 i{color:var(--blog-primary)}.author-profile{gap:1.5rem;margin-bottom:1.5rem;display:flex}.author-profile-img{object-fit:cover;border-radius:50%;width:100px;height:100px;overflow:hidden}.author-profile-info h4{color:var(--blog-dark);margin:0 0 .75rem;font-size:1.3rem}.author-social{gap:.75rem;margin-top:.75rem;display:flex}.author-social a{background:var(--blog-light);width:36px;height:36px;color:var(--blog-gray);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.author-social a:hover{background:var(--blog-primary);color:#fff;transform:translateY(-3px)}.author-bio{color:var(--blog-gray);font-size:1.05rem;line-height:1.8}.comments-section{box-shadow:var(--shadow-md);background:#fff;border-radius:16px;margin-bottom:2rem;padding:2rem;overflow:hidden}.comments-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.comments-count{color:var(--blog-dark);font-size:1.5rem;font-weight:600}.leave-comment{background:var(--blog-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:background .3s;display:flex}.leave-comment:hover{background:#0d4bbd}.comment-form{background:var(--blog-light);border-radius:12px;margin-bottom:2rem;padding:1.5rem;display:none}.comment-form.active{display:block}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1rem;display:grid}.submit-btn{background:var(--blog-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;transition:background .3s}.submit-btn:hover{background:#0d4bbd}.comments-list{margin-top:2rem}.comment-item{border-top:1px solid var(--blog-light);padding:1.5rem 0}.comment-item:first-child{border-top:none;padding-top:0}.comment-header{justify-content:space-between;margin-bottom:.75rem;display:flex}.comment-author{align-items:center;gap:.75rem;display:flex}.comment-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px;overflow:hidden}.comment-author-name{color:var(--blog-dark);font-weight:600}.comment-date{color:var(--blog-gray);font-size:.9rem}.comment-content{color:var(--blog-gray);margin-bottom:1rem;line-height:1.7}.comment-actions{gap:1rem;font-size:.9rem;display:flex}.comment-action{color:var(--blog-gray);cursor:pointer;align-items:center;gap:.25rem;transition:color .3s;display:flex}.comment-action:hover{color:var(--blog-primary)}.reply-item{border-left:2px solid var(--blog-light);margin-top:1.5rem;padding-left:2.5rem}.related-posts{box-shadow:var(--shadow-md);background:#fff;border-radius:16px;overflow:hidden}.related-posts h2{background:linear-gradient(135deg, var(--blog-primary) 0%, #0d4bbd 100%);color:#fff;margin:0;padding:1.5rem 2rem;font-size:1.6rem}.related-posts-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem;display:grid}@media (max-width:768px){.related-posts-grid{grid-template-columns:1fr}}.related-post{border:1px solid var(--blog-light);border-radius:12px;transition:transform .3s;overflow:hidden}.related-post:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.related-post-img{height:160px;overflow:hidden}.related-post-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.related-post:hover .related-post-img img{transform:scale(1.05)}.related-post-content{padding:1.25rem}.related-post-title{margin:0 0 .75rem;font-size:1.2rem;line-height:1.4}.related-post-title a{color:var(--blog-dark);text-decoration:none;transition:color .3s}.related-post-title a:hover{color:var(--blog-primary)}.related-post-excerpt{color:var(--blog-gray);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.related-post-meta{color:var(--blog-gray);justify-content:space-between;font-size:.85rem;display:flex}.sidebar{flex-direction:column;gap:2rem;display:flex}.sidebar-card{box-shadow:var(--shadow-md);background:#fff;border-radius:16px;overflow:hidden}.sidebar-title{background:linear-gradient(135deg, var(--blog-primary) 0%, #0d4bbd 100%);color:#fff;padding:1.25rem 1.5rem;font-size:1.2rem;font-weight:600}.reading-progress{background:var(--blog-light);z-index:100;height:4px;position:sticky;top:0}.reading-progress-bar{background:var(--blog-primary);width:0%;height:100%;transition:width .3s}.comparison-table{border-collapse:collapse;width:100%;box-shadow:var(--shadow-sm);border-radius:8px;margin:2rem 0;overflow:hidden}.comparison-table th{background:var(--blog-light);text-align:left;color:var(--blog-dark);padding:1rem;font-weight:600}.comparison-table td{border-top:1px solid var(--blog-light);padding:1rem}.toc-sidebar{box-shadow:var(--shadow-md);border:1px solid var(--blog-light);background:#fff;border-radius:12px;padding:1.5rem;position:sticky;top:100px}.toc-title{color:var(--blog-dark);align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;display:flex}.toc-list{margin:0;padding:0;list-style:none}.toc-item{margin-bottom:.5rem}.toc-link{color:var(--blog-gray);border-radius:8px;padding:.5rem .75rem;font-size:.95rem;text-decoration:none;transition:all .3s;display:block}.toc-link:hover{background:var(--blog-light);color:var(--blog-primary);padding-left:1rem}.toc-link.active{color:var(--blog-primary);background:#1a75ff1a;padding-left:1rem;font-weight:600}.table-container{box-shadow:var(--shadow-sm);border-radius:8px;margin:2rem 0;overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%}.comparison-table th,.comparison-table td{text-align:left;padding:1rem}.comparison-table th{background:var(--blog-light);color:var(--blog-dark);font-weight:600}.comparison-table tr{border-bottom:1px solid var(--blog-light)}.comparison-table tr:last-child{border-bottom:none}.comparison-table td:first-child{font-weight:500}.comparison-table .improved{color:#0da216;font-weight:600}@media print{.navbar,.hamburger,.blog-breadcrumb,.article-footer,.comments-section,.sidebar{display:none}.blog-detail-container{grid-template-columns:1fr}.article-content{padding:0}.featured-image{height:300px}}article img{object-fit:cover;border-radius:8px;width:100%;height:360px;margin:2.5rem 0;display:block}article h2{margin-top:2.5rem;margin-bottom:1rem}article p{margin-bottom:1.5rem}article ul{margin-bottom:1.5rem;padding-left:2rem}article li{margin-bottom:.5rem}