*{box-sizing:border-box}
body{
  margin:0;
  font-family: Georgia, "Times New Roman", serif;
  background:#fff;
  color:#111;
}

/* TOP DATE BAR */
.top-date{
  max-width:1200px;
  margin:auto;
  padding:10px 20px;
  font-size:14px;
  color:#555;
  border-bottom:1px solid #e5e5e5;
}

/* HEADER */
header{
  border-bottom:2px solid #111;
}
.header-main{
  max-width:1200px;
  margin:auto;
  padding:14px 20px;
  display:flex;
  align-items:center;
  gap:20px;
}
.logo img{height:44px}
.logo2 img{height:30px}

nav{
  margin:auto;
  display:flex;
  gap:22px;
  font-family: Arial, sans-serif;
  font-size:14px;
}
nav a{
  text-decoration:none;
  color:#111;
  font-weight:600;
}
nav a:hover{text-decoration:underline}

.btn-live{
  background:#111;
  color:#fff;
  padding:10px 14px;
  border-radius:6px;
  font-family: Arial, sans-serif;
  font-size:14px;
}

/* TICKER */
.ticker{
  overflow:hidden;
  border-bottom:1px solid #e5e5e5;
  background:#fafafa;
}
.ticker-track{
  display:flex;
  gap:40px;
  padding:10px 20px;
  white-space:nowrap;
  animation: scroll 30s linear infinite;
  font-family: Arial, sans-serif;
  font-size:14px;
}
.ticker span{
  color:#333;
}
@keyframes scroll{
  from{transform:translateX(100%)}
  to{transform:translateX(-100%)}
}

/* HERO */
.hero{
  max-width:1200px;
  margin:30px auto;
  padding:0 20px;
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:30px;
}
.hero h1{
  font-size:42px;
  line-height:1.15;
}
.hero img{
  width:100%;
}

/* NEWS GRID */
.section{
  max-width:1200px;
  margin:40px auto;
  padding:0 20px;
}
.news-grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:30px;
}
.card{
  border-bottom:1px solid #e5e5e5;
  padding-bottom:16px;
}
.card h3{
  font-size:22px;
}
.item{
  padding:12px 0;
  border-bottom:1px solid #eee;
}
.item a{
  text-decoration:none;
  color:#111;
}
.item a:hover{text-decoration:underline}

/* FOOTER */
footer{
  margin-top:60px;
  padding:30px;
  text-align:center;
  color:#777;
  border-top:1px solid #e5e5e5;
}

/* RESPONSIVE */
@media(max-width:900px){
  .hero,.news-grid{grid-template-columns:1fr}
  nav{display:none}
}