.page-tin-tuc{background:#F5F7FA;color:#333333;font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif;line-height:1.6;max-width:100%;overflow-x:hidden}.page-tin-tuc__hero-section{background:linear-gradient(135deg,#e53935 0%,#ff5a4f 100%);padding:10px 16px 0} .page-tin-tuc__hero-image-wrapper{width:100%;max-width:1200px;margin:0 auto;border-radius:12px;overflow:hidden} .page-tin-tuc__hero-image{display:block;width:100%;max-width:1200px;height:auto;aspect-ratio:16/9;object-fit:cover} .page-tin-tuc__hero-content{max-width:1200px;margin:20px auto 0;padding:16px 0 32px;text-align:center;color:#ffffff} .page-tin-tuc__hero-title{font-size:clamp(1.4rem,4vw,2.6rem);font-weight:800;line-height:1.3;color:#ffffff;margin:0 0 8px;text-shadow:0 1px 3px rgba(0,0,0,.2)} .page-tin-tuc__hero-description{font-size:clamp(.9rem,2vw,1.15rem);font-weight:400;line-height:1.6;max-width:980px;color:#ffffff;margin:0 auto 20px;text-shadow:0 1px 2px rgba(0,0,0,.15)} .page-tin-tuc__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:100%;overflow:hidden} .page-tin-tuc__btn{display:inline-block;text-decoration:none;font-weight:700;border-radius:8px;transition:all .25s ease;line-height:1.4;text-align:center;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;font-size:15px;padding:12px 24px} .page-tin-tuc__btn--primary{background:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#ffffff;border:2px solid transparent;box-shadow:0 4px 12px rgba(229,57,53,.3)} .page-tin-tuc__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(229,57,53,.45);opacity:.95} .page-tin-tuc__btn--secondary{background:transparent;color:#ffffff;border:2px solid rgba(255,255,255,.9);font-weight:600} .page-tin-tuc__btn--secondary:hover{background:rgba(255,255,255,.15);opacity:.95} .page-tin-tuc__btn--outline{background:transparent;color:#E53935;border:2px solid #E53935;font-weight:600} .page-tin-tuc__btn--outline:hover{background:#E53935;color:#fff;opacity:.95} .page-tin-tuc__btn--light{background:#ffffff;color:#E53935;font-weight:800} .page-tin-tuc__btn--ghost{background:transparent;color:#ffffff;border:2px solid rgba(255,255,255,.7)} .page-tin-tuc__btn--light:hover,.page-tin-tuc__btn--ghost:hover{transform:translateY(-2px);opacity:.95} .page-tin-tuc__news-section{padding:40px 16px;max-width:1200px;margin:0 auto} .page-tin-tuc__news-container{width:100%;max-width:1200px;margin:0 auto} .page-tin-tuc__section-title{font-size:clamp(1.3rem,3vw,2.2rem);font-weight:800;color:#333;margin:0 0 28px;padding-bottom:10px;position:relative} .page-tin-tuc__section-title:after{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#E53935,#FF5A4F);border-radius:2px;margin-top:8px} .page-tin-tuc__section-title--center{text-align:center;padding-bottom:10px} .page-tin-tuc__section-title--center:after{margin-left:auto;margin-right:auto} .page-tin-tuc__news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .page-tin-tuc__news-card{background:#FFFFFF;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05);overflow:hidden;padding:0 0 24px;transition:box-shadow .3s ease;display:flex;flex-direction:column;border:1px solid #E0E0E0} .page-tin-tuc__news-card:hover{box-shadow:0 8px 28px rgba(229,57,53,.1)} .page-tin-tuc__news-image{display:block;width:100%;height:auto;object-fit:cover} .page-tin-tuc__news-body{padding:20px 16px;display:flex;flex-direction:column;gap:12px;flex:1;align-items:flex-start} .page-tin-tuc__news-title{font-size:1.1rem;font-weight:700;line-height:1.5;color:#333;margin:0;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .page-tin-tuc__news-title a{color:#333;text-decoration:none} .page-tin-tuc__news-title a:hover{color:#E53935;text-decoration:none} .page-tin-tuc__news-excerpt{font-size:.9rem;color:#555;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6} .page-tin-tuc__news-card .page-tin-tuc__btn{margin-top:auto} .page-tin-tuc__guide-section{background:#FFFFFF;padding:40px 16px;border-top:1px solid #E0E0E0} .page-tin-tuc__guide-inner{max-width:1200px;margin:0 auto} .page-tin-tuc__guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px} .page-tin-tuc__guide-item{background:#FFFFFF;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.04);display:flex;flex-direction:column} .page-tin-tuc__guide-figure{margin:0;overflow:hidden;background:#F5F7FA} .page-tin-tuc__guide-figure img{width:100%;max-width:800px;height:auto;object-fit:cover;display:block} .page-tin-tuc__guide-caption{padding:8px 16px;font-size:.8rem;color:#777;background:#F5F7FA;border-top:1px solid #eee} .page-tin-tuc__guide-content{padding:20px 16px 24px;display:flex;flex-direction:column;gap:12px;align-items:flex-start} .page-tin-tuc__guide-title{font-size:1.2rem;font-weight:800;margin:0;color:#333} .page-tin-tuc__guide-text{font-size:.95rem;color:#555;line-height:1.7;margin:0} .page-tin-tuc__blog-section{padding:40px 16px;max-width:1200px;margin:0 auto} .page-tin-tuc__blog-container{width:100%;max-width:1200px;margin:0 auto} .page-tin-tuc__blog-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .page-tin-tuc__blog-card{background:#FFFFFF;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05);overflow:hidden;display:flex;flex-direction:column;border:1px solid #E0E0E0;transition:box-shadow .3s ease} .page-tin-tuc__blog-card:hover{box-shadow:0 8px 28px rgba(229,57,53,.1)} .page-tin-tuc__blog-image{display:block;width:100%;height:auto;object-fit:cover} .page-tin-tuc__blog-content{padding:20px 16px;display:flex;flex-direction:column;gap:10px;flex:1} .page-tin-tuc__blog-title{font-size:1.05rem;font-weight:700;margin:0;line-height:1.5} .page-tin-tuc__blog-title a{color:#333;text-decoration:none;transition:color .2s} .page-tin-tuc__blog-title a:hover{color:#E53935} .page-tin-tuc__blog-excerpt{font-size:.9rem;color:#555;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .page-tin-tuc__blog-footer{padding:28px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center} .page-tin-tuc__promo-section{padding:24px 16px 60px;max-width:1200px;margin:0 auto} .page-tin-tuc__promo-card{background:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);border-radius:16px;padding:40px 20px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;box-shadow:0 10px 40px rgba(229,57,53,.35)} .page-tin-tuc__promo-content{flex:1;max-width:70%;width:100%;box-sizing:border-box} .page-tin-tuc__promo-title{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;color:#fff;margin:0 0 8px} .page-tin-tuc__promo-text{font-size:1rem;color:rgba(255,255,255,.95);line-height:1.6;margin:0} .page-tin-tuc__promo-actions{display:flex;flex-wrap:wrap;gap:12px;width:100%;max-width:100%;overflow:hidden} .page-tin-tuc__promo-actions .page-tin-tuc__btn{display:block} @media (max-width: 1024px){.page-tin-tuc__news-grid,.page-tin-tuc__blog-list{grid-template-columns:repeat(2,1fr);gap:20px} .page-tin-tuc__guide-grid{grid-template-columns:1fr;gap:32px} .page-tin-tuc__promo-content{max-width:100%} .page-tin-tuc__promo-actions{justify-content:center;width:100%} .page-tin-tuc__promo-card{justify-content:center} .page-tin-tuc__news-section,.page-tin-tuc__guide-section,.page-tin-tuc__blog-section,.page-tin-tuc__promo-section{padding-left:16px;padding-right:16px;box-sizing:border-box} .page-tin-tuc__btn{min-width:160px} .page-tin-tuc .page-tin-tuc__hero-title,.page-tin-tuc .page-tin-tuc__news-title,.page-tin-tuc .page-tin-tuc__blog-title,.page-tin-tuc .page-tin-tuc__guide-title{font-size:1rem} .page-tin-tuc__hero-content{flex-wrap:wrap;overflow:hidden} .page-tin-tuc__btn{padding:10px 20px;font-size:14px} .page-tin-tuc .page-tin-tuc__news-grid .page-tin-tuc__news-card:nth-child(n),.page-tin-tuc .page-tin-tuc__blog-list .page-tin-tuc__blog-card:nth-child(n){grid-column:auto}} @media (max-width: 768px){.page-tin-tuc__hero-section{padding:10px 8px 0} .page-tin-tuc__hero-image{aspect-ratio:16/10 .page-tin-tuc__hero-content{padding:16px 0 24px} .page-tin-tuc__news-section,.page-tin-tuc__guide-section,.page-tin-tuc__blog-section,.page-tin-tuc__promo-section{padding:32px 12px;box-sizing:border-box;max-width:100%} .page-tin-tuc__news-grid,.page-tin-tuc__blog-list{grid-template-columns:1fr;gap:18px} .page-tin-tuc__guide-grid{grid-template-columns:1fr;gap:24px} .page-tin-tuc__hero-title{font-size:clamp(1.2rem,2.5vw,1.8rem)} .page-tin-tuc__hero-actions,.page-tin-tuc__promo-actions{display:flex} .page-tin-tuc__hero-actions .page-tin-tuc__btn,.page-tin-tuc__promo-actions .page-tin-tuc__btn{display:block;max-width:100%;width:100%;box-sizing:border-box;padding:10px 16px} .page-tin-tuc__hero-actions a,.page-tin-tuc__promo-actions a{flex:0 0 auto;margin-bottom:6px;min-width:0} .page-tin-tuc__section-title{font-size:1.2rem;margin-bottom:16px} .page-tin-tuc__promo-card{padding:28px 16px;justify-content:center} .page-tin-tuc__promo-text{font-size:.9rem;text-align:center} .page-tin-tuc__promo-title{font-size:1.3rem;text-align:center} .page-tin-tuc .page-tin-tuc__blog-list,.page-tin-tuc .page-tin-tuc__news-grid{grid-template-columns:1fr} .page-tin-tuc__news-card .page-tin-tuc__news-title,.page-tin-tuc__blog-card .page-tin-tuc__blog-title,.page-tin-tuc__guide-content .page-tin-tuc__guide-title{font-size:.95rem} .page-tin-tuc__news-excerpt,.page-tin-tuc__blog-excerpt,.page-tin-tuc__guide-text{font-size:.85rem;line-height:1.6} .page-tin-tuc img{max-width:100%!important;height:auto!important} .page-tin-tuc__guide-figure img,.page-tin-tuc__news-image,.page-tin-tuc__blog-image,.page-tin-tuc__hero-image{width:100%;max-width:100%;height:auto} .page-tin-tuc__btn{width:auto;max-width:100%;box-sizing:border-box;text-align:center;display:inline-block} .page-tin-tuc__blog-footer a,.page-tin-tuc__hero-actions a,.page-tin-tuc__promo-actions a{width:auto}.page-tin-tuc__hero-actions .page-tin-tuc__btn,.page-tin-tuc__promo-actions .page-tin-tuc__btn{width:100%}}}