.page-tin-tuc { color: #F2FFF6; background: #08160F; max-width: 100%; overflow-x: hidden; }
.page-tin-tuc__hero-section { padding: 10px 16px 0; }
.page-tin-tuc__hero-container { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 760px; margin: 0 auto; gap: 12px; }
.page-tin-tuc__hero-image-wrapper { width: 100%; }
.page-tin-tuc__hero-image { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; border-radius: 16px; }
.page-tin-tuc__hero-content { text-align: center; max-width: 720px; }
.page-tin-tuc__hero-title { font-weight: 800; line-height: 1.25; letter-spacing: -0.01em; margin-bottom: 8px; color: #F2FFF6; }
.page-tin-tuc__hero-description { color: #A7D9B8; margin-bottom: 16px; font-size: 1rem; line-height: 1.6; }
.page-tin-tuc__btn { display: inline-block; padding: 14px 28px; border-radius: 999px; background: linear-gradient(180deg, #2AD16F 0%, #13994A 100%); color: #FFF; font-weight: 700; text-decoration: none; border: 0; cursor: pointer; font-size: 0.9rem; }
.page-tin-tuc__btn:hover { opacity: 0.9; }
.page-tin-tuc__btn--register { box-shadow: 0 0 18px rgba(72, 223, 121, 0.3); }
.page-tin-tuc__btn--login, .page-tin-tuc__btn--download { background: linear-gradient(180deg, #2AD16F 0%, #13994A 100%); }
.page-tin-tuc__breaking-news { margin: 28px 0 12px; background: #11271B; border: 1px solid #2E7A4E; border-radius: 12px; }
.page-tin-tuc__news-ticker { display: flex; align-items: center; gap: 16px; padding: 12px 16px; }
.page-tin-tuc__ticker-title { margin: 0; color: #F2C14E; font-weight: 700; flex-shrink: 0; }
.page-tin-tuc__ticker-list { list-style: none; margin: 0; padding: 0; overflow-x: auto; white-space: nowrap; display: flex; gap: 32px; max-width: 100%; }
.page-tin-tuc__ticker-list li { color: #A7D9B8; font-size: 0.875rem; }
.page-tin-tuc__featured-posts, .page-tin-tuc__latest-section, .page-tin-tuc__category-section { padding: 32px 16px; }
.page-tin-tuc__section-category-title, .page-tin-tuc__section-heading { color: #11A84E; text-align: center; margin-bottom: 8px; font-size: 1.5rem; }
.page-tin-tuc__section-description { color: #A7D9B8; text-align: center; margin: 0 auto 28px; max-width: 600px; }
.page-tin-tuc__grid-posts { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
.page-tin-tuc__post-card { background: #11271B; border: 1px solid #2E7A4E; border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; }
.page-tin-tuc__post-image { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; }
.page-tin-tuc__post-body { padding: 16px; }
.page-tin-tuc__post-title { font-size: 1.05rem; line-height: 1.4; margin: 0 0 10px; color: #F2FFF6; }
.page-tin-tuc__post-title a { color: inherit; text-decoration: none; }
.page-tin-tuc__post-title a:hover { color: #57E38D; text-decoration: underline; }
.page-tin-tuc__post-meta, .page-tin-tuc__list-meta { font-size: 0.8rem; color: #A7D9B8; margin: 0 0 8px; }
.page-tin-tuc__post-excerpt, .page-tin-tuc__list-excerpt { color: #A7D9B8; line-height: 1.6; font-size: 0.9rem; }
.page-tin-tuc__divider { height: 1px; background: #1E3A2A; max-width: 960px; margin: 0 auto; border: 0; }
.page-tin-tuc__category-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 1000px; margin: 0 auto; }
.page-tin-tuc__category-item { background: #11271B; border-radius: 12px; padding: 16px; text-align: center; border: 1px solid transparent; transition: border-color .2s ease; }
.page-tin-tuc__category-item:hover { border-color: #2E7A4E; }
.page-tin-tuc__category-image { width: 100%; aspect-ratio: 2/1; object-fit: contain; border-radius: 8px; margin-bottom: 10px; }
.page-tin-tuc__category-info a { text-decoration: none; }
.page-tin-tuc__category-title { color: #F2FFF6; font-size: 1.2rem; margin: 0 0 6px; }
.page-tin-tuc__category-info a:hover .page-tin-tuc__category-title { color: #57E38D; }
.page-tin-tuc__category-desc { color: #A7D9B8; font-size: 0.9rem; line-height: 1.5; margin: 0; }
.page-tin-tuc__ceo-section { background: #0A4B2C; padding: 48px 16px; }
.page-tin-tuc__ceo-quote-container { max-width: 800px; margin: 0 auto; text-align: center; }
.page-tin-tuc__quote-text { font-size: 1.2rem; font-style: italic; color: #F2FFF6; line-height: 1.6; border: 0; padding: 0 24px; margin: 0 auto 16px; border-left: 4px solid #F2C14E; max-width: 600px; text-align: left; }
.page-tin-tuc__quote-author { color: #57E38D; font-weight: 600; }
.page-tin-tuc__list-layout { display: flex; flex-direction: column; gap: 20px; max-width: 1000px; margin: 0 auto; }
.page-tin-tuc__list-item { background: #11271B; border-radius: 12px; overflow: hidden; border: 1px solid #1E3A2A; }
.page-tin-tuc__list-image { width: 100%; aspect-ratio: 2/1; object-fit: cover; display: block; }
.page-tin-tuc__list-content { padding: 16px; }
.page-tin-tuc__list-title { font-size: 1.15rem; margin: 0 0 6px; color: #F2FFF6; }
.page-tin-tuc__list-content a { text-decoration: none; }
.page-tin-tuc__list-content a:hover .page-tin-tuc__list-title { color: #57E38D; }
.page-tin-tuc__action-banner { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; background: linear-gradient(135deg, #11271B, #0A4B2C); border: 1px solid #2E7A4E; border-radius: 16px; padding: 28px; max-width: 1000px; margin: 0 auto 40px; }
.page-tin-tuc__action-title { color: #F2C14E; font-size: 1.1rem; font-weight: 700; margin: 0 0 6px; }
.page-tin-tuc__action-sub { color: #A7D9B8; margin: 0; }
.page-tin-tuc__action-buttons { display: flex; flex-wrap: wrap; gap: 16px; }
@media (max-width: 768px) {
 .page-tin-tuc__hero-image { aspect-ratio: 16/10; }
 .page-tin-tuc__category-grid { grid-template-columns: 1fr; }
 .page-tin-tuc__list-item { flex-direction: column; }
 .page-tin-tuc__action-banner { flex-direction: column; align-items: stretch; text-align: center; }
 .page-tin-tuc__action-buttons { justify-content: center; }
 .page-tin-tuc__btn { max-width: 100%; box-sizing: border-box; white-space: normal; word-break: break-word; width: 100%; }
 .page-tin-tuc__action-buttons { width: 100%; }
 .page-tin-tuc img { max-width: 100% !important; height: auto !important; }
 .page-tin-tuc__news-ticker { flex-direction: column; align-items: flex-start; }
 .page-tin-tuc__ticker-list { width: 100%; }
 .page-tin-tuc__ticker-title { font-size: 0.9rem; }
}