.page-tin-tuc__hero-section{padding-top:10px;padding-bottom:24px}
.page-tin-tuc__hero-image-wrapper{margin-bottom:20px}
.page-tin-tuc__hero-image{width:100%;height:auto;aspect-ratio:1020/300;object-fit:cover;display:block}
.page-tin-tuc__hero-content{text-align:center;max-width:960px;margin:0 auto;padding:0 16px}
.page-tin-tuc__hero-title{color:#017439;font-weight:800;line-height:1.3;letter-spacing:.3px;margin-bottom:12px}
.page-tin-tuc__hero-description{color:#333;font-size:1.05rem;line-height:1.7;margin-bottom:20px}
.page-tin-tuc__hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.page-tin-tuc__btn{display:inline-block;padding:12px 28px;border-radius:8px;font-weight:700;text-align:center;text-decoration:none;transition:background .25s,transform .25s,box-shadow .25s;border:2px solid transparent;cursor:pointer}
.page-tin-tuc__btn--register{background:#C30808;color:#FFFF00;border-color:#C30808}
.page-tin-tuc__btn--register:hover{background:#9e0606;transform:translateY(-2px);box-shadow:0 6px 20px rgba(195,8,8,.35)}
.page-tin-tuc__btn--login{background:#C30808;color:#FFFF00;border-color:#C30808}
.page-tin-tuc__btn--login:hover{background:#9e0606}
.page-tin-tuc__container{max-width:1200px;margin:0 auto;padding:0 16px}
.page-tin-tuc__featured-section{padding:24px 0 48px}
.page-tin-tuc__section-title{color:#017439;text-align:center;font-size:clamp(1.5rem,2.2vw,2rem);font-weight:700;margin-bottom:28px}
.page-tin-tuc__featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.page-tin-tuc__featured-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .3s,transform .3s;box-shadow:0 4px 12px rgba(0,0,0,.05)}
.page-tin-tuc__featured-card:hover{box-shadow:0 10px 24px rgba(0,0,0,.1);transform:translateY(-4px)}
.page-tin-tuc__card-image{width:100%;height:auto;aspect-ratio:800/400;object-fit:cover;display:block}
.page-tin-tuc__card-content{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1}
.page-tin-tuc__card-title{margin:0 0 10px;color:#017439;font-size:1.05rem;line-height:1.45}
.page-tin-tuc__card-link{color:#017439;text-decoration:none;font-weight:700}
.page-tin-tuc__card-link:hover{text-decoration:underline;color:#015d2c}
.page-tin-tuc__card-excerpt{color:#444;font-size:.92rem;line-height:1.6;margin-bottom:16px;flex:1}
.page-tin-tuc__card-date{display:block;color:#777;font-size:.82rem;margin-bottom:12px}
.page-tin-tuc__read-more{color:#C30808;font-weight:700;text-decoration:none;font-size:.9rem;letter-spacing:.2px}
.page-tin-tuc__read-more:hover{text-decoration:underline}
.page-tin-tuc__latest-section{padding:24px 0 48px;background:#f5f7f6;border-top:1px solid #e5e9e6;border-bottom:1px solid #e5e9e6}
.page-tin-tuc__latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.page-tin-tuc__post-card{background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #e8e8e8;transition:box-shadow .3s,transform .3s}
.page-tin-tuc__post-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.08);transform:translateY(-4px)}
.page-tin-tuc__post-thumb img{width:100%;height:auto;aspect-ratio:800/450;object-fit:cover;display:block}
.page-tin-tuc__post-body{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1}
.page-tin-tuc__post-title{margin:0 0 8px;color:#017439;font-size:1rem;line-height:1.4}
.page-tin-tuc__post-link{color:#017439;text-decoration:none;font-weight:700}
.page-tin-tuc__post-link:hover{text-decoration:underline}
.page-tin-tuc__post-meta{color:#777;font-size:.8rem;margin-bottom:10px}
.page-tin-tuc__post-excerpt{color:#444;font-size:.9rem;line-height:1.6;margin-bottom:14px;flex:1}
.page-tin-tuc__promo-section{background:linear-gradient(135deg, #017439, #006b32);padding:32px 16px;text-align:center;margin:48px 0}
.page-tin-tuc__promo-content{max-width:760px;margin:0 auto}
.page-tin-tuc__promo-title{color:#fff;font-weight:700;margin:0 0 12px;font-size:clamp(1.3rem,2vw,1.8rem)}
.page-tin-tuc__promo-text{color:rgba(255,255,255,.92);line-height:1.7;margin-bottom:18px}
.page-tin-tuc__promo-section .page-tin-tuc__btn--register{background:#fff;color:#017439;border-color:#fff}
.page-tin-tuc__promo-section .page-tin-tuc__btn--register:hover{background:#f0f0f0}
.page-tin-tuc__categories-section{padding:48px 0 24px}
.page-tin-tuc__categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.page-tin-tuc__category-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:24px;text-align:center;transition:box-shadow .3s,transform .3s}
.page-tin-tuc__category-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.08);transform:translateY(-4px)}
.page-tin-tuc__category-title{margin:0 0 12px;font-size:1.1rem}
.page-tin-tuc__category-link{color:#017439;text-decoration:none;font-weight:700}
.page-tin-tuc__category-link:hover{text-decoration:underline}
.page-tin-tuc__category-desc{color:#555;font-size:.9rem;line-height:1.6;margin-bottom:16px}
.page-tin-tuc__category-more{display:inline-block;color:#C30808;font-weight:700;text-decoration:none;font-size:.9rem}
.page-tin-tuc__category-more:hover{text-decoration:underline}
.page-tin-tuc__about-section{padding:48px 0}
.page-tin-tuc__about-text{color:#444;font-size:1rem;line-height:1.8;max-width:920px;margin:0 auto 16px;text-align:center}
.page-tin-tuc__about-section .page-tin-tuc__btn--register{display:table;margin:16px auto 0}
@media (max-width:768px){
.page-tin-tuc__hero-image{aspect-ratio:2/1}
.page-tin-tuc__hero-title{font-size:clamp(1rem,4vw,1.25rem)}
.page-tin-tuc__hero-description{font-size:.95rem}
.page-tin-tuc__featured-grid,.page-tin-tuc__latest-grid,.page-tin-tuc__categories-grid{grid-template-columns:1fr}
.page-tin-tuc__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-tin-tuc__hero-actions{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}
.page-tin-tuc .page-tin-tuc__featured-section img,.page-tin-tuc .page-tin-tuc__latest-section img,.page-tin-tuc .page-tin-tuc__categories-section img{max-width:100%!important;height:auto!important}
}