:root{--primary:#007BFF;--primary-hover:#0056b3;--secondary:#010816;--dark-deep:#000714;--light-bg:#f4f7fa;--white:#ffffff;--text-dark:#1a1a1a;--text-muted:#6c757d;--glass:rgba(255, 255, 255, 0.03);--border-glass:rgba(255, 255, 255, 0.1)}*{box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;margin:0;background:var(--light-bg);color:var(--text-dark);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{text-decoration:none;transition:0.3s}.site-header{background:var(--secondary);padding:20px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--primary);position:sticky;top:0;z-index:1000}.logo-text{color:var(--white);font-weight:800;font-size:1.6rem;letter-spacing:-1px}.nav-menu a{color:var(--white);margin-left:25px;font-size:.95rem;font-weight:500}.nav-menu a:hover{color:var(--primary)}.btn-header{background:var(--primary);color:var(--white);padding:10px 22px;border-radius:6px;font-weight:700}.hero-section{background:linear-gradient(135deg,var(--secondary) 0%,var(--dark-deep) 100%);color:var(--white);padding:100px 10%;display:flex;align-items:center;gap:60px}.hero-content{flex:1}.hero-content h1{font-size:3.2rem;line-height:1.1;margin-bottom:25px}.hero-content h1 span{color:var(--primary)}.hero-content p{font-size:1.2rem;opacity:.8;margin-bottom:35px}.hero-image{flex:1;text-align:right}.hero-image img{border-radius:20px;box-shadow:0 30px 60px rgba(0,0,0,.5);border:1px solid var(--border-glass)}.blog-layout{display:grid;grid-template-columns:2.2fr 1fr;gap:60px;padding:80px 10%;max-width:1400px;margin:0 auto}.table-of-contents{background:#fdfdfd;border:1px solid #eee;border-radius:12px;padding:25px;margin-bottom:40px}.table-of-contents h4{margin:0 0 15px 0;font-size:1.1rem;color:var(--secondary);text-transform:uppercase;letter-spacing:1px}.table-of-contents ul{list-style:none;padding:0;margin:0}.table-of-contents ul li{margin-bottom:10px}.table-of-contents ul li a{color:var(--primary);font-weight:500;font-size:.95rem}.table-of-contents ul li a:hover{text-decoration:underline}.sidebar-posts{margin-top:40px;text-align:left}.sidebar-posts h4{font-size:1.2rem;margin-bottom:20px;color:var(--white);border-left:4px solid var(--primary);padding-left:15px}.sidebar-post-item{display:flex;gap:15px;margin-bottom:20px;align-items:center}.sidebar-post-thumb{width:70px;height:70px;min-width:70px;border-radius:8px;overflow:hidden;background:#222}.sidebar-post-thumb img{width:100%;height:100%;object-fit:cover}.sidebar-post-info a{color:rgba(255,255,255,.9);font-size:.9rem;font-weight:600;line-height:1.3;display:block}.sidebar-post-info a:hover{color:var(--primary)}.more-posts-section{background:var(--white);padding:100px 10%;border-top:1px solid #eee}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.grid-card{background:var(--light-bg);border-radius:12px;overflow:hidden;transition:0.3s}.grid-card:hover{transform:translateY(-10px)}.grid-thumb{height:180px;overflow:hidden}.grid-thumb img{width:100%;height:100%;object-fit:cover}.grid-content{padding:25px}.grid-content h3{font-size:1.2rem;margin:0 0 10px 0}.grid-content h3 a{color:var(--secondary)}.grid-content p{font-size:.9rem;color:var(--text-muted);line-height:1.5}.section-title{font-size:2rem;margin-bottom:40px}.section-title span{color:var(--primary);border-bottom:3px solid var(--primary)}.post-card{background:var(--white);border-radius:12px;overflow:hidden;margin-bottom:40px;box-shadow:0 10px 30px rgba(0,0,0,.05);display:flex;transition:transform 0.3s}.post-card:hover{transform:translateY(-8px)}.post-card-image{width:320px!important;min-width:320px!important;background:#ffffff!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.post-card-image img{width:100%!important;height:auto!important;max-height:100%!important;object-fit:contain!important;display:block!important}.post-card-content{padding:30px}.post-meta{color:var(--primary);font-weight:700;font-size:.85rem;margin-bottom:10px;text-transform:uppercase}.post-card-content h2{margin:0 0 15px 0;font-size:1.6rem;color:var(--secondary)}.post-card-content p{color:var(--text-muted);font-size:1rem;margin-bottom:20px}.read-more{color:var(--primary);font-weight:700;display:flex;align-items:center;gap:8px}.sidebar-cta{background:var(--secondary);color:var(--white);padding:40px;border-radius:16px;text-align:center;position:sticky;top:120px;border:1px solid var(--primary)}.sidebar-cta h3{font-size:1.8rem;margin-bottom:20px}.sidebar-cta p{opacity:.8;margin-bottom:30px}.sidebar-btn{background:var(--primary);color:#fff;display:block;padding:15px;border-radius:8px;font-weight:700}.single-post-header{background:var(--secondary);color:#fff;padding:60px 10%;text-align:center}.single-content{background:#fff;padding:50px;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.05);margin-top:-60px}.entry-content{font-size:1.15rem;line-height:1.8;color:#333}.site-footer{background:var(--dark-deep);color:#fff;padding:80px 10% 40px;margin-top:80px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px}.footer-col h4{margin-bottom:25px;color:var(--primary);font-size:1.1rem}.footer-col ul{list-style:none;padding:0}.footer-col ul li{margin-bottom:12px}.footer-col a{color:rgba(255,255,255,.6);font-size:.95rem}.footer-col a:hover{color:#fff}@media (max-width:1024px){.hero-section{flex-direction:column;text-align:center;padding:60px 5%}.hero-image{text-align:center}.hero-image img{max-width:100%}.blog-layout{grid-template-columns:1fr;padding:40px 5%}.post-card{flex-direction:column}.post-card-image{width:100%;height:auto;min-height:200px}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.hero-content h1{font-size:2.2rem}.footer-grid{grid-template-columns:1fr}}