.page-tin-tuc { background-color: #F5F7FA; color: #333333; max-width: 1400px; margin: 0 auto; padding: 10px 15px 0; box-sizing: border-box; }
.page-tin-tuc img { max-width: 100%; height: auto; }
.page-tin-tuc__hero-section { background: linear-gradient(135deg, #E53935 0%, #FF5A4F 100%); border-radius: 20px; padding: 20px; margin: 10px 0 30px; display: flex; flex-direction: column; gap: 20px; }
.page-tin-tuc__hero-image { order: 1; width: 100%; }
.page-tin-tuc__hero-image img { display: block; width: 100%; aspect-ratio: 17 / 5; object-fit: cover; border-radius: 15px; }
.page-tin-tuc__hero-content { order: 2; text-align: center; }
.page-tin-tuc__hero-content h1 { font-weight: 800; line-height: 1.2; letter-spacing: 0.5px; color: #ffffff; margin: 0 0 12px; }
.page-tin-tuc__hero-content p { color: #ffffff; margin: 0 0 20px; line-height: 1.6; }
.page-tin-tuc__btn, .page-tin-tuc__btn-secondary { display: inline-block; padding: 12px 28px; border-radius: 50px; font-weight: 700; text-decoration: none; text-align: center; transition: transform 0.3s, box-shadow 0.3s; }
.page-tin-tuc__btn { background: linear-gradient(180deg, #FF5A4F 0%, #E53935 100%); color: #ffffff; box-shadow: 0 4px 15px rgba(0,0,0,0.2); }
.page-tin-tuc__btn-secondary { background: #ffffff; color: #E53935; border: 2px solid #E53935; }
.page-tin-tuc__btn:hover, .page-tin-tuc__btn-secondary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.15); }
.page-tin-tuc__news-section { margin-bottom: 40px; }
.page-tin-tuc__news-section h2, .page-tin-tuc__categories-section h2, .page-tin-tuc__promo-section h2 { color: #333333; font-weight: 800; margin-bottom: 20px; }
.page-tin-tuc__news-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.page-tin-tuc__news-card { background: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 15px; overflow: hidden; transition: transform 0.3s, box-shadow 0.3s; }
.page-tin-tuc__news-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.page-tin-tuc__news-card img { display: block; width: 100%; aspect-ratio: 2 / 1; object-fit: cover; }
.page-tin-tuc__news-content { padding: 15px; }
.page-tin-tuc__news-content h3 { margin: 0 0 10px; }
.page-tin-tuc__news-content h3 a { color: #E53935; text-decoration: none; font-weight: 700; line-height: 1.4; }
.page-tin-tuc__news-meta { display: block; color: #777; font-size: 0.9rem; margin-bottom: 8px; }
.page-tin-tuc__read-more { color: #E53935; font-weight: 600; text-decoration: none; display: inline-block; }
.page-tin-tuc__categories-section { margin-bottom: 40px; }
.page-tin-tuc__categories-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
.page-tin-tuc__category-card { background: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 15px; padding: 15px; text-align: center; }
.page-tin-tuc__category-card img { display: block; width: 100%; aspect-ratio: 2 / 1; object-fit: cover; border-radius: 10px; margin-bottom: 10px; }
.page-tin-tuc__category-card h3 { color: #333333; font-size: 1.2rem; margin-bottom: 5px; }
.page-tin-tuc__category-card p { color: #555; margin-bottom: 15px; }
.page-tin-tuc__promo-section { background: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 20px; padding: 30px 20px; text-align: center; margin-bottom: 30px; }
.page-tin-tuc__promo-section p { color: #555; margin-bottom: 20px; }
@media (max-width: 768px) {
  .page-tin-tuc { padding: 0 5px; }
  .page-tin-tuc__hero-section { padding: 10px; border-radius: 15px; }
  .page-tin-tuc__hero-image img { aspect-ratio: 2 / 1; }
  .page-tin-tuc__categories-grid { grid-template-columns: 1fr; }
  .page-tin-tuc__btn, .page-tin-tuc__btn-secondary { width: 100%; max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word; }
  .page-tin-tuc img { max-width: 100%; height: auto !important; }
}