.page-tin-tuc{background:#0A0A0A;color:#FFF6D6;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.7} .page-tin-tuc *,:before,:after{box-sizing:border-box} .page-tin-tuc img{max-width:100%;height:auto} .page-tin-tuc__hero-section{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;flex-direction:column;align-items:center;gap:24px} .page-tin-tuc__hero-image{width:100%;overflow:hidden;border-radius:24px;box-shadow:0 10px 40px rgba(242,193,78,0.15)} .page-tin-tuc__hero-image img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block} .page-tin-tuc__hero-content{width:100%;max-width:900px;text-align:center;background:#111111;border:1px solid #3A2A12;border-radius:24px;padding:32px 28px} .page-tin-tuc__hero-content h1{color:#F2C14E;font-weight:800;letter-spacing:0.02em;line-height:1.3;margin:0 0 8px;text-shadow:0 0 40px rgba(255,211,107,0.08)} .page-tin-tuc__hero-description{font-size:16px;color:#FFF6D6;max-width:70ch;margin:12px auto 24px} .page-tin-tuc__hero-ctas{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box} .page-tin-tuc__btn{display:inline-block;padding:12px 26px;border-radius:12px;font-weight:700;text-decoration:none;text-align:center;transition:transform 0.2s,box-shadow 0.2s;border:none;cursor:pointer;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word} .page-tin-tuc__btn--primary{background:linear-gradient(180deg, #FFD86A 0%, #DDA11D 100%);color:#111} .page-tin-tuc__btn--primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(242,193,78,0.45)} .page-tin-tuc__btn--secondary{background:#0477db;color:#fff} .page-tin-tuc__btn--secondary:hover{background:#0360b3;transform:translateY(-3px)} .page-tin-tuc__btn--outline{background:transparent;color:#F2C14E;border:1px solid #F2C14E} .page-tin-tuc__btn--outline:hover{background:#F2C14E;color:#111;transform:translateY(-3px)} .page-tin-tuc__featured-grid{max-width:1200px;margin:24px auto;padding:24px 16px 8px} .page-tin-tuc__featured-title,.page-tin-tuc__list-title,.page-tin-tuc__faq-title{color:#F2C14E;font-weight:700;margin:0 0 20px;padding-bottom:8px;border-bottom:1px solid #3A2A12} .page-tin-tuc__featured-grid-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .page-tin-tuc__featured-card{background:#111111;border:1px solid #3A2A12;border-radius:16px;overflow:hidden;transition:transform 0.3s;display:flex;flex-direction:column} .page-tin-tuc__featured-card:hover{transform:translateY(-6px);box-shadow:0 14px 40px rgba(242,193,78,0.08)} .page-tin-tuc__featured-card-image{overflow:hidden} .page-tin-tuc__featured-card-image img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform 0.5s} .page-tin-tuc__featured-card:hover .page-tin-tuc__featured-card-image img{transform:scale(1.05)} .page-tin-tuc__featured-card-content{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1} .page-tin-tuc__featured-card-tag{background:linear-gradient(180deg, #FFD86A 0%, #DDA11D 100%);color:#111;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;padding:4px 12px;border-radius:999px;align-self:flex-start} .page-tin-tuc__featured-card-content h3{margin:0;font-size:18px;color:#FFF6D6} .page-tin-tuc__featured-card-content h3 a{color:#FFF6D6;text-decoration:none} .page-tin-tuc__featured-card-content h3 a:hover{color:#F2C14E;text-decoration:underline} .page-tin-tuc__featured-card-excerpt{font-size:15px;line-height:1.7;opacity:0.85;flex:1} .page-tin-tuc__read-more{color:#F2C14E;font-weight:600;text-decoration:none;align-self:flex-start} .page-tin-tuc__read-more:hover{color:#FFD36B;text-decoration:underline} .page-tin-tuc__list-section{max-width:1200px;margin:24px auto;padding:24px 16px 8px} .page-tin-tuc__list-layout{display:grid;grid-template-columns:2fr 1fr;gap:32px;align-items:start} .page-tin-tuc__list-main{display:flex;flex-direction:column;gap:32px} .page-tin-tuc__article-card{background:#111111;border:1px solid #3A2A12;border-radius:16px;overflow:hidden;padding:0} .page-tin-tuc__article-card-image img{width:100%;aspect-ratio:800/450;object-fit:cover;display:block} .page-tin-tuc__article-card-content{padding:24px} .page-tin-tuc__meta{color:#FFD36B;font-size:14px;font-weight:500;margin-bottom:8px;display:flex;align-items:center;gap:12px} .page-tin-tuc__article-card-content h3{margin:0 0 12px;font-size:22px} .page-tin-tuc__article-card-content h3 a{color:#FFF6D6;text-decoration:none} .page-tin-tuc__article-card-content h3 a:hover{color:#F2C14E;text-decoration:underline} .page-tin-tuc__article-excerpt{margin:0 0 18px;font-size:15px;line-height:1.8;opacity:0.9} .page-tin-tuc__list-sidebar{padding:0} .page-tin-tuc__sidebar-title{color:#F2C14E;font-weight:700;text-transform:uppercase;letter-spacing:0.02em;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid #3A2A12} .page-tin-tuc__sidebar-card{background:#111111;border:1px solid #3A2A12;border-radius:12px;overflow:hidden;margin-bottom:20px;display:flex;flex-direction:column;gap:10px;padding:12px} .page-tin-tuc__sidebar-card img{width:100%;aspect-ratio:400/300;object-fit:cover;border-radius:8px} .page-tin-tuc__sidebar-card h3{margin:0;font-size:16px;line-height:1.5} .page-tin-tuc__sidebar-card h3 a{color:#FFF6D6;text-decoration:none} .page-tin-tuc__sidebar-card h3 a:hover{color:#F2C14E;text-decoration:underline} .page-tin-tuc__promo-section{max-width:1200px;margin:24px auto;padding:8px 16px} .page-tin-tuc__promo-inner{background:linear-gradient(180deg, #FFD86A 0%, #DDA11D 100%);border-radius:24px;padding:40px 32px;text-align:center} .page-tin-tuc__promo-title{color:#111;font-weight:800;font-size:28px;margin:0} .page-tin-tuc__promo-text{color:#111;opacity:0.8;max-width:60ch;margin:16px auto 24px;font-size:16px} .page-tin-tuc__promo-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center} .page-tin-tuc__promo-actions .page-tin-tuc__btn--secondary{background:#111;color:#F2C14E} .page-tin-tuc__promo-actions .page-tin-tuc__btn--secondary:hover{background:#222} .page-tin-tuc__promo-actions .page-tin-tuc__btn--outline{border-color:#111;color:#111} .page-tin-tuc__promo-actions .page-tin-tuc__btn--outline:hover{background:#111;color:#F2C14E} .page-tin-tuc__faq-section{max-width:900px;margin:24px auto 40px;padding:24px 16px} .page-tin-tuc__faq-list{display:flex;flex-direction:column;gap:12px} .page-tin-tuc__faq-item{background:#111111;border:1px solid #3A2A12;border-radius:14px;overflow:hidden} .page-tin-tuc__faq-question{list-style:none;display:flex;align-items:center;gap:14px;padding:18px 22px;cursor:pointer;font-weight:600;color:#F2C14E;font-size:18px} .page-tin-tuc__faq-question::-webkit-details-marker{display:none} .page-tin-tuc__faq-question span{display:inline-block;width:28px;height:28px;line-height:24px;text-align:center;border:2px solid #F2C14E;border-radius:50%;font-size:18px;font-weight:700;color:#F2C14E;flex-shrink:0} .page-tin-tuc__faq-item[open] .page-tin-tuc__faq-question span{background:#F2C14E;color:#111} .page-tin-tuc__faq-answer{padding:0 22px 18px;color:#FFF6D6;margin:0;line-height:1.8} @media (max-width:1024px){.page-tin-tuc__featured-grid-inner{grid-template-columns:repeat(2,1fr)} .page-tin-tuc__list-layout{grid-template-columns:1fr;gap:24px}.page-tin-tuc__list-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.page-tin-tuc__sidebar-card{margin-bottom:0}} @media (max-width:768px){.page-tin-tuc__hero-section{padding:10px 12px;gap:16px}.page-tin-tuc__hero-content{padding:24px 16px}.page-tin-tuc__hero-content h1{font-size:24px}.page-tin-tuc__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-tin-tuc__featured-grid-inner{grid-template-columns:1fr;gap:16px}.page-tin-tuc__list-layout{grid-template-columns:1fr}.page-tin-tuc__list-sidebar{display:grid;grid-template-columns:1fr;gap:16px}.page-tin-tuc__article-card-content{padding:16px}.page-tin-tuc__article-card-content h3{font-size:18px}.page-tin-tuc__promo-inner{padding:28px 20px}.page-tin-tuc__promo-title{font-size:22px}.page-tin-tuc__faq-title{font-size:20px}.page-tin-tuc__faq-question{font-size:16px}.page-tin-tuc img,.page-tin-tuc__sidebar-card img,.page-tin-tuc__featured-card img,.page-tin-tuc__article-card img,.page-tin-tuc__hero-section img{max-width:100%!important;height:auto!important}}