*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}
body{background:#0f0f1a;color:#fff}

/* Header */
.header{
  position:sticky;
  top:0;
  z-index:1000;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:12px;
  background:#151528;
  border-bottom:1px solid #222;
}

.title{
  font-size:18px;
  font-weight:600;
  color:#ff4d6d;
}

.search{
  position:absolute;
  right:15px;
  font-size:20px;
  cursor:pointer;
}

/* Container */
.container{
  padding:10px;
  padding-bottom:70px;
}

/* Tin tức */
.news-card{
  display:flex;
  gap:10px;
  background:#151528;
  padding:10px;
  border-radius:12px;
  margin-bottom:12px;
}

.news-card img{
  width:100px;
  height:70px;
  object-fit:cover;
  border-radius:8px;
}

.news-content{
  flex:1;
}

.news-title{
  font-size:14px;
  font-weight:600;
  margin-bottom:5px;
}

.news-desc{
  font-size:12px;
  color:#aaa;
  margin-bottom:8px;
}

.read-btn{
  display:inline-block;
  font-size:12px;
  padding:4px 10px;
  background:#ff4d6d;
  border-radius:6px;
  text-decoration:none;
  color:#fff;
}

/* Footer */
.footer{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  height:60px;
  background:#151528;
  display:flex;
  justify-content:space-around;
  align-items:center;
  border-top:1px solid #222;
}

.footer div{
  text-align:center;
  font-size:12px;
  color:#aaa;
}

.footer .active{
  color:#ff4d6d;
}