*{box-sizing:border-box}body{color:#111;background:#eef1f5;margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.container{width:95%;max-width:1400px;margin:auto}.homepage{padding:20px 0}.top-layout{grid-template-columns:2fr 1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.hero-main,.mini-card{background-position:50%;background-size:cover;border-radius:10px;align-items:flex-end;min-height:420px;display:flex;position:relative;overflow:hidden}.mini-card{min-height:200px;margin-bottom:20px}.overlay{color:#fff;background:linear-gradient(#0000,#000c);width:100%;padding:20px}.hero-main h1{margin:10px 0;font-size:42px}.badge{color:#fff;text-transform:uppercase;border-radius:30px;margin-bottom:10px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.red{background:red}.blue{background:#0056ff}.green{background:green}.right-sidebar{flex-direction:column;gap:20px;display:flex}.widget-box{background:#fff;border-radius:10px;padding:20px;box-shadow:0 3px 10px #00000014}.widget-box h3{border-left:4px solid red;margin-top:0;padding-left:10px}.trend-item,.list-post{border-bottom:1px solid #eee;padding:10px 0;font-size:14px;display:block}.trend-item span{color:#fff;text-align:center;background:red;border-radius:50%;width:22px;height:22px;margin-right:10px;font-size:12px;line-height:22px;display:inline-block}.section-block{margin:30px 0}.section-head h2{margin-bottom:20px;font-size:32px}.four-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.news-box{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px #00000014}.news-box img{object-fit:cover;width:100%;height:200px}.news-box h4{padding:0 15px 15px;font-size:18px}.news-box small{color:red;text-transform:uppercase;padding:15px;font-weight:700;display:block}.triple-sections{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;display:grid}.cat-box{background:#fff;border-radius:10px;padding:20px;box-shadow:0 3px 10px #00000014}.cat-box h3{border-left:4px solid #002d7a;margin-top:0;padding-left:10px}.live-btn,.radio-btn,.subscribe-btn{cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:10px;padding:12px;font-weight:700}.live-btn{color:#fff;background:red}.radio-btn,.subscribe-btn{color:#fff;background:#002d7a}.newsletter{border:1px solid #ddd;border-radius:6px;width:100%;padding:10px}@media (width<=1000px){.top-layout{grid-template-columns:1fr}.four-grid{grid-template-columns:repeat(2,1fr)}.triple-sections{grid-template-columns:1fr}.hero-main h1{font-size:28px}}@media (width<=768px){.header{flex-direction:column;gap:10px;display:flex}.navbar{white-space:nowrap;gap:15px;padding:10px;display:flex;overflow-x:auto}.navbar::-webkit-scrollbar{display:none}.top-bar{white-space:nowrap;padding:6px 10px;font-size:12px;overflow-x:auto}.container{width:92%}.overlay{padding:15px}.hero-main{min-height:260px}.mini-card{min-height:160px}.hero-main h1,.section-head h2{font-size:22px}.four-grid{grid-template-columns:1fr}.news-box img{height:180px}.news-box h4{font-size:16px}.trend-item,.list-post{font-size:13px}}@media (width<=480px){.hero-main h1{font-size:18px}.overlay{padding:12px}}