.blog-hero{background:linear-gradient(135deg,#10447f 0%,#18364f 60%,#0d3461 100%);padding:100px 0 80px;position:relative;overflow:hidden}.blog-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#4fb94c1f 0%,#0000 50%),radial-gradient(circle at 80% 30%,#ffffff0d 0%,#0000 40%);position:absolute;inset:0}.blog-hero:after{content:"";background:linear-gradient(to top, var(--bg-white) 0%, transparent 100%);pointer-events:none;height:120px;position:absolute;bottom:0;left:0;right:0}.blog-hero-content{z-index:1;text-align:center;max-width:800px;margin:0 auto;position:relative}.blog-hero-label{text-transform:uppercase;letter-spacing:2px;color:#74d471;background:#4fb94c26;border:1px solid #4fb94c40;border-radius:100px;margin-bottom:24px;padding:8px 20px;font-size:.75rem;font-weight:700;display:inline-block}.blog-hero h1{color:#fff;letter-spacing:.02em;margin-bottom:20px;font-size:clamp(2.4rem,5vw,3.5rem);font-weight:800;line-height:1.1}.blog-hero p{color:#ffffffbf;max-width:600px;margin:0 auto;font-size:1.15rem;line-height:1.6}.blog-categories{z-index:2;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;margin-bottom:40px;padding:0;display:flex;position:relative}.blog-category-btn{color:var(--text-secondary);cursor:pointer;background:#fff;border:1px solid #10447f1f;border-radius:100px;padding:10px 24px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.blog-category-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 16px #10447f1a}.blog-category-btn.active{background:var(--gradient-blue);color:#fff;border-color:#0000;box-shadow:0 4px 16px #10447f40}.blog-featured{margin-bottom:60px;padding:0}.blog-featured-card{cursor:pointer;color:inherit;background:#fff;border:1px solid #10447f0f;border-radius:24px;grid-template-columns:1.2fr 1fr;gap:0;max-width:100%;margin:0 auto;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:grid;overflow:hidden;box-shadow:0 20px 50px #18364f14}.blog-featured-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px #18364f1f}.blog-featured-image{min-height:400px;position:relative;overflow:hidden}.blog-featured-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.blog-featured-card:hover .blog-featured-image img{transform:scale(1.05)}.blog-featured-badge{text-transform:uppercase;letter-spacing:1px;background:var(--accent);color:#fff;border-radius:100px;padding:6px 16px;font-size:.72rem;font-weight:700;position:absolute;top:20px;left:20px}.blog-featured-body{flex-direction:column;justify-content:center;padding:48px 44px;display:flex}.blog-featured-category{text-transform:uppercase;letter-spacing:1px;color:var(--primary);background:#10447f0f;border-radius:100px;width:fit-content;margin-bottom:16px;padding:5px 14px;font-size:.72rem;font-weight:700;display:inline-block}.blog-featured-body h2{color:var(--text-primary);text-transform:none;margin-bottom:16px;font-size:1.8rem;font-weight:800;line-height:1.2}.blog-featured-body p{color:var(--text-secondary);margin-bottom:28px;font-size:1.05rem;line-height:1.7}.blog-featured-meta{color:var(--text-muted);align-items:center;gap:16px;font-size:.85rem;display:flex}.blog-featured-meta-author{align-items:center;gap:10px;display:flex}.blog-author-avatar{background:var(--gradient-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.blog-author-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-featured-meta-dot{color:var(--text-muted);opacity:.4}.blog-featured-readmore{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-top:auto;padding-top:20px;font-size:.85rem;font-weight:700;transition:all .3s;display:inline-flex}.blog-featured-readmore .arrow{transition:transform .3s}.blog-featured-card:hover .blog-featured-readmore{color:var(--accent)}.blog-featured-card:hover .blog-featured-readmore .arrow{transform:translate(4px)}.blog-grid-container{max-width:100%;margin:0 auto 80px;padding:0}.blog-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.blog-card{cursor:pointer;color:inherit;background:#fff;border:1px solid #18364f0d;border-radius:20px;flex-direction:column;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 10px 30px -10px #18364f0f}.blog-card:hover{border-color:#10447f1a;transform:translateY(-10px);box-shadow:0 30px 60px -15px #18364f1f}.blog-card:before{content:"";background:var(--gradient-primary);opacity:0;z-index:2;width:100%;height:4px;transition:all .3s;position:absolute;top:0;left:0}.blog-card:hover:before{opacity:1}.blog-card-image{height:220px;position:relative;overflow:hidden}.blog-card-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.blog-card:hover .blog-card-image img{transform:scale(1.08)}.blog-card-image-overlay{pointer-events:none;background:linear-gradient(#0000 40%,#10447f66 100%);position:absolute;inset:0}.blog-card-category{text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--primary);z-index:1;background:#ffffffeb;border-radius:100px;padding:5px 14px;font-size:.7rem;font-weight:700;position:absolute;top:16px;left:16px}.blog-card-body{flex-direction:column;flex:1;padding:28px 24px;display:flex}.blog-card-body h3{color:var(--text-primary);text-transform:none;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:1.2rem;font-weight:700;line-height:1.3;transition:color .3s;display:-webkit-box;overflow:hidden}.blog-card:hover .blog-card-body h3{color:var(--primary)}.blog-card-excerpt{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;font-size:.92rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-footer{border-top:1px solid #10447f0f;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.blog-card-author{color:var(--text-muted);align-items:center;gap:8px;font-size:.82rem;font-weight:500;display:flex}.blog-card-author-avatar{background:var(--gradient-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:700;display:flex}.blog-card-readtime{color:var(--text-muted);align-items:center;gap:4px;font-size:.78rem;font-weight:500;display:flex}.blog-post-hero{height:60vh;min-height:450px;max-height:600px;position:relative;overflow:hidden}.blog-post-hero img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-post-hero-overlay{background:linear-gradient(#0000 0%,#10447f4d 50%,#10447fd9 100%);align-items:flex-end;padding:60px 5%;display:flex;position:absolute;inset:0}.blog-post-hero-content{width:100%;max-width:900px;margin:0 auto}.blog-post-hero-category{text-transform:uppercase;letter-spacing:1px;background:var(--accent);color:#fff;border-radius:100px;margin-bottom:16px;padding:6px 16px;font-size:.72rem;font-weight:700;display:inline-block}.blog-post-hero h1{color:#fff;text-transform:none;margin-bottom:20px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15}.blog-post-hero-meta{color:#fffc;flex-wrap:wrap;align-items:center;gap:20px;font-size:.9rem;display:flex}.blog-post-hero-meta-item{align-items:center;gap:6px;display:flex}.blog-post-content,.blog-post-main article{max-width:100%}.blog-post-content h2,.blog-post-main article h2{color:var(--text-primary);margin-top:48px;margin-bottom:20px;font-size:1.8rem;font-weight:700;text-transform:none!important}.blog-post-content h3,.blog-post-main article h3{color:var(--text-primary);margin-top:36px;margin-bottom:16px;font-size:1.4rem;font-weight:600;text-transform:none!important}.blog-post-content p,.blog-post-main article p{color:var(--text-secondary);margin-bottom:24px;font-size:1.1rem;line-height:1.85;text-transform:none!important}.blog-post-content ul,.blog-post-content ol,.blog-post-main article ul,.blog-post-main article ol{margin-bottom:24px;padding-left:28px;list-style:outside;text-transform:none!important}.blog-post-content ol,.blog-post-main article ol{list-style:decimal}.blog-post-content li,.blog-post-main article li{color:var(--text-secondary);margin-bottom:8px;font-size:1.05rem;line-height:1.8;text-transform:none!important}.blog-post-content blockquote,.blog-post-main article blockquote{border-left:4px solid var(--accent);color:var(--text-primary);background:#4fb94c0a;border-radius:0 12px 12px 0;margin:32px 0;padding:20px 28px;font-size:1.1rem;font-style:italic;text-transform:none!important}.blog-post-content img,.blog-post-main article img{border-radius:16px;margin:32px 0;box-shadow:0 10px 30px #18364f1a}.blog-post-content a,.blog-post-main article a{color:var(--primary);text-underline-offset:3px;-webkit-text-decoration:underline #10447f33;text-decoration:underline #10447f33;transition:all .2s;text-transform:none!important}.blog-post-content a:hover,.blog-post-main article a:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.blog-author-card{background:#10447f08;border:1px solid #10447f14;border-radius:16px;align-items:center;gap:20px;margin-top:48px;padding:32px;display:flex}.blog-author-card-avatar{background:var(--gradient-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;font-weight:700;display:flex;overflow:hidden}.blog-author-card-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-author-card-info h4{color:var(--text-primary);text-transform:none;margin-bottom:4px;font-size:1.1rem}.blog-author-card-info p{color:var(--text-muted);margin:0;font-size:.9rem}.blog-post-tags{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.blog-tag{color:var(--primary);background:#10447f0d;border:1px solid #10447f1a;border-radius:100px;padding:5px 14px;font-size:.75rem;font-weight:600}.blog-related{background:#10447f05;border-top:1px solid #10447f0f;padding:80px 5%}.blog-related h2{text-align:center;color:var(--text-primary);margin-bottom:40px;font-size:2rem}.blog-related-grid{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto;display:grid}.blog-empty{text-align:center;padding:80px 20px}.blog-empty-icon{opacity:.4;margin-bottom:20px;font-size:4rem}.blog-empty h3{color:var(--text-primary);text-transform:none;margin-bottom:12px;font-size:1.5rem}.blog-empty p{color:var(--text-muted);font-size:1rem}.blog-back-link{color:var(--primary);background:#10447f0a;border:1px solid #10447f1a;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:10px 20px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.blog-back-link:hover{background:var(--primary);color:#fff;border-color:#0000}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:24px}.blog-related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-hero{padding:80px 0 60px}.blog-featured-card{grid-template-columns:1fr}.blog-featured-image{min-height:250px}.blog-featured-body{padding:28px 24px}.blog-featured-body h2{font-size:1.4rem}.blog-grid{grid-template-columns:1fr;gap:20px}.blog-related-grid{grid-template-columns:1fr}.blog-post-hero{height:50vh;min-height:350px}.blog-post-hero h1{font-size:1.8rem}.blog-post-content{padding:40px 5%}.blog-author-card{text-align:center;flex-direction:column}.blog-categories{margin-top:20px;margin-bottom:30px}}.blog-post-layout{grid-template-columns:1fr;gap:50px;display:grid}@media (min-width:1024px){.blog-post-layout{grid-template-columns:2.2fr 1fr;align-items:start}}.blog-post-main{min-width:0}.blog-post-sidebar{flex-direction:column;gap:40px;display:flex}@media (min-width:1024px){.blog-post-sidebar{position:sticky;top:100px}}.sidebar-widget{background:#fff;border:1px solid #10447f0f;border-radius:20px;padding:30px;box-shadow:0 10px 30px #18364f0a}.sidebar-widget h3{color:var(--text-primary);text-transform:none;border-bottom:2px solid #4fb94c33;margin-bottom:20px;padding-bottom:12px;font-size:1.15rem;font-weight:700}.sidebar-widget.cta-widget{text-align:center;background:linear-gradient(135deg,#10447f05 0%,#4fb94c08 100%);border-color:#10447f1a}.sidebar-widget.cta-widget h3{color:var(--primary);border-bottom:none;margin-bottom:10px;font-size:1.3rem}.sidebar-widget.cta-widget p{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem;line-height:1.6}.recent-posts-list{flex-direction:column;gap:20px;display:flex}.recent-post-item{color:inherit;align-items:center;gap:16px;text-decoration:none;transition:all .3s;display:flex}.recent-post-item:hover{transform:translate(4px)}.recent-post-thumb{border-radius:12px;flex-shrink:0;width:65px;height:65px;overflow:hidden}.recent-post-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.recent-post-thumb-fallback{width:100%;height:100%;color:var(--primary);background:#10447f0d;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.recent-post-info{flex-direction:column;gap:4px;display:flex}.recent-post-info h4{color:var(--text-primary);-webkit-line-clamp:2;text-transform:none;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.recent-post-item:hover .recent-post-info h4{color:var(--primary)}.recent-post-info span{color:var(--text-muted);font-size:.78rem}.sidebar-categories-list{flex-direction:column;gap:12px;padding:0;display:flex}.sidebar-categories-list li{list-style:none}.sidebar-categories-list a{color:var(--text-secondary);background:#10447f05;border:1px solid #10447f0a;border-radius:8px;padding:8px 12px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;display:block}.sidebar-categories-list a:hover{color:var(--accent);background:#4fb94c14;border-color:#4fb94c33;transform:translate(4px)}
