.blog-container{max-width:1100px;margin:60px auto;padding:20px}.blog-hero{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:60px;position:relative;overflow:hidden}.hero-tag{color:#fff;z-index:10;background-color:#b6bd00;border-radius:50px;padding:6px 12px;font-size:.9rem;font-weight:700;position:absolute;top:20px;left:20px}.hero-content-wrapper{grid-template-columns:45% 55%;display:grid}.hero-image-wrapper{min-height:400px;position:relative}.hero-text-content{flex-direction:column;justify-content:center;padding:50px;display:flex}.hero-date{color:#777;margin-bottom:10px;font-size:.9rem}.hero-title{margin-bottom:15px;font-size:2.2rem;font-weight:700}.hero-title a{color:#005d83;text-decoration:none;transition:color .3s}.hero-title a:hover{color:#b6bd00}.hero-excerpt{color:#333;margin-bottom:25px;font-size:1.1rem;line-height:1.6}.hero-read-more{color:#fff;background-color:#b6bd00;border-radius:50px;align-self:flex-start;padding:12px 20px;font-weight:700;text-decoration:none;transition:background-color .3s}.hero-read-more:hover{background-color:#9a9f00}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.blog-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 15px #0000000d}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000014}.card-image-wrapper{width:100%;padding-top:56.25%;position:relative}.card-content{flex-direction:column;flex-grow:1;padding:25px;display:flex}.card-date{color:#777;margin-bottom:10px;font-size:.85rem}.card-title{margin-bottom:15px;font-size:1.3rem;font-weight:700;line-height:1.4}.card-title a{color:#005d83;text-decoration:none;transition:color .3s}.card-title a:hover{color:#b6bd00}.card-excerpt{color:#333;flex-grow:1;margin-bottom:20px;font-size:.95rem;line-height:1.6}.card-read-more{color:#b6bd00;align-self:flex-start;font-weight:700;text-decoration:none}.card-read-more:hover{text-decoration:underline}@media (max-width:900px){.hero-content-wrapper{grid-template-columns:1fr}.hero-text-content{padding:30px}.hero-title{font-size:1.8rem}.hero-excerpt{font-size:1rem}}@media (max-width:768px){.blog-container{margin:40px auto;padding:15px}.blog-hero{margin-bottom:40px}.hero-tag{padding:5px 10px;font-size:.8rem;top:15px;left:15px}.hero-image-wrapper{min-height:250px}.hero-text-content{padding:25px 20px}.hero-title{margin-bottom:12px;font-size:1.5rem}.hero-excerpt{margin-bottom:20px;font-size:.95rem}.hero-read-more{padding:10px 18px;font-size:.9rem}.blog-grid{grid-template-columns:1fr;gap:25px}.card-content{padding:20px}.card-title{font-size:1.2rem}}@media (max-width:576px){.blog-container{margin:30px auto;padding:10px}.hero-image-wrapper{min-height:200px}.hero-text-content{padding:20px 15px}.hero-title{font-size:1.3rem}.hero-date{font-size:.8rem}.hero-excerpt{font-size:.9rem;line-height:1.5}.card-image-wrapper{padding-top:60%}.card-content{padding:18px}.card-title{font-size:1.1rem}.card-excerpt{font-size:.9rem}}.blog-article{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden}.article-header{grid-template-columns:45% 55%;display:grid}.article-image-wrapper{min-height:360px;position:relative}.article-title-wrapper{flex-direction:column;justify-content:center;padding:40px 50px;display:flex}.article-date{color:#777;margin-bottom:10px;font-size:.9rem}.article-title{color:#005d83;margin-bottom:15px;font-size:2rem;font-weight:700}.article-excerpt{color:#333;font-size:1.05rem}.article-body{color:#222;padding:30px 40px;line-height:1.8}.article-body h2{color:#005d83;margin-top:24px;margin-bottom:8px;font-size:1.4rem}.article-body h3{color:#b6bd00;margin-top:20px;margin-bottom:6px;font-size:1.2rem}.article-body p{margin-bottom:12px}.article-footer{padding:0 40px 40px}.article-back{color:#fff;background-color:#b6bd00;border-radius:50px;padding:10px 18px;font-weight:600;text-decoration:none}.article-back:hover{background-color:#9a9f00}@media (max-width:900px){.article-header{grid-template-columns:1fr}.article-image-wrapper{min-height:240px}.article-title-wrapper{padding:30px}.article-body{padding:25px 30px}.article-footer{padding:0 30px 30px}}@media (max-width:576px){.article-title-wrapper{padding:20px}.article-title{font-size:1.5rem}.article-body{padding:20px}.article-body h2{font-size:1.2rem}.article-body h3{font-size:1.1rem}.article-footer{padding:0 20px 20px}}