.blog-page-root{padding:100px 5%;background-color:#fff;font-family:'Inter',sans-serif}.blog-container{max-width:1200px;margin:0 auto}.blog-header{text-align:center;margin-bottom:80px}.blog-category-tag{color:#3c0145;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:2.5px;display:block;margin-bottom:15px}.blog-main-title{font-size:2.8rem;color:#3c0145;font-weight:700;line-height:1.1;margin-bottom:20px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px}.blog-card{background:#fff;border:1px solid #eee;overflow:hidden;transition:all .5s cubic-bezier(.165,.84,.44,1);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-10px);border-color:#3c0145;box-shadow:0 30px 60px rgba(60,1,69,.08)}.blog-image-wrap{position:relative;height:240px;overflow:hidden}.blog-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.blog-card:hover .blog-image-wrap img{transform:scale(1.1)}.blog-date-badge{position:absolute;bottom:15px;right:15px;background:#fff;color:#3c0145;padding:6px 14px;border-radius:50px;font-size:12px;font-weight:700;box-shadow:0 5px 15px rgba(0,0,0,.1)}.blog-content{padding:30px;flex-grow:1;display:flex;flex-direction:column}.blog-title{font-size:1.5rem;color:#3c0145;font-weight:700;line-height:1.3;margin-bottom:15px}.blog-excerpt{color:#555;font-size:15px;line-height:1.6;flex-grow:1}.read-blog-btn{color:#3c0145;text-decoration:none;font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:10px}.read-blog-btn svg{width:18px;height:18px;transition:transform .3s ease}.read-blog-btn:hover svg{transform:translate(3px,-3px)}@keyframes revealBlog {
    from { opacity: 0; transform: translateY(50px); }
    to { opacity: 1; transform: translateY(0); }
}.animate-on-scroll{view-timeline-name:--blog-reveal;view-timeline-axis:block;animation:revealBlog linear both;animation-timeline:--blog-reveal;animation-range:entry 10% cover 30%}@media (max-width:768px){.blog-main-title{font-size:2.2rem}.blog-grid{grid-template-columns:1fr}}