html{scroll-behavior:smooth}.blog-content h2,.blog-content h3{scroll-margin-top:140px;position:relative}.blog-hero-pattern{background-image:radial-gradient(#cbd5e1 1.5px,transparent 1.5px);background-size:32px 32px}.featured-card{display:flex;flex-direction:column;background-color:#002e5b;border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 40px -10px rgba(0,46,91,0.2);transition:transform .3s ease;border:1px solid rgba(255,255,255,0.1);isolation:isolate}.featured-card:hover{transform:translateY(-4px);box-shadow:0 25px 50px -12px rgba(0,46,91,0.3)}.featured-image-container{width:100%;position:relative;overflow:hidden;min-height:250px}.featured-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(0.4,0,0.2,1)}.featured-card:hover .featured-image-container img{transform:scale(1.05)}.featured-text-container{width:100%;padding:2rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.featured-text-container::before{content:'';position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,0.05) 0,transparent 70%);border-radius:50%;transform:translate(30%,-30%);pointer-events:none}@media(min-width:1024px){.featured-card{flex-direction:row;min-height:380px;max-height:400px}.featured-image-container{width:45%;min-height:auto}.featured-text-container{width:55%;padding:3rem}}.article-card{background:white;border:1px solid #f1f5f9;border-radius:1.25rem;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;height:100%;position:relative}.article-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px -5px rgba(0,0,0,0.08);border-color:#cbd5e1}.article-thumb{height:220px;overflow:hidden;position:relative}.article-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card:hover .article-thumb img{transform:scale(1.05)}.article-tag{position:absolute;top:1rem;left:1rem;background:rgba(255,255,255,0.95);backdrop-filter:blur(4px);padding:.25rem .75rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#002e5b;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);z-index:10}.search-wrapper{position:relative;margin-bottom:2rem}.search-input{width:100%;padding:.875rem 1rem .875rem 3rem;border-radius:1rem;border:1px solid #e2e8f0;font-size:.95rem;background-color:white;transition:all .3s;color:#334155}.search-input:focus{outline:0;border-color:#002e5b;box-shadow:0 0 0 4px rgba(0,46,91,0.05)}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#94a3b8;pointer-events:none;transition:color .3s}.search-input:focus+.search-icon{color:#002e5b}.sidebar-link{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:.75rem;color:#64748b;font-weight:500;font-size:.9rem;transition:all .2s;cursor:pointer;background:transparent;border:1px solid transparent;margin-bottom:.25rem;width:100%;text-align:left;text-decoration:none}.sidebar-link:hover{background-color:#fff;color:#002e5b;border-color:#e2e8f0;transform:translateX(4px)}.sidebar-link.active{background-color:#eff6ff;color:#002e5b;border-color:#dbeafe;font-weight:600;box-shadow:0 2px 4px rgba(0,46,91,0.03)}.cat-count{background:#f1f5f9;color:#64748b;font-size:.75rem;font-weight:700;padding:.2rem .5rem;border-radius:999px;transition:all .2s}.sidebar-link.active .cat-count{background:#dbeafe;color:#1d4ed8}@media(min-width:1024px){.sticky-sidebar{position:-webkit-sticky;position:sticky;top:120px}}.blog-content{font-size:1.05rem;line-height:1.8;color:#334155}.blog-content h2{font-size:1.75rem;font-weight:700;color:#0f172a;margin-top:3rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.blog-content h3{font-size:1.4rem;font-weight:600;color:#1e293b;margin-top:2.5rem;margin-bottom:1rem}.blog-content p{margin-bottom:1.5rem}.blog-content ul{list-style:disc;padding-left:1.5rem;margin-bottom:1.5rem}.blog-content li{margin-bottom:.5rem;color:#475569}.author-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1rem}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}