body{font-family:Arial, Helvetica, sans-serif;margin:0;background:#f4f6f9;color:#222;}
.container{max-width:1200px;margin:auto;padding:20px;}
.topbar{background:#0d47a1;color:white;}
.nav{display:flex;justify-content:space-between;align-items:center;}
nav a{color:white;margin-left:20px;text-decoration:none;font-weight:bold;cursor:pointer;}
.logo{margin:0;}
.ads-top{text-align:center;padding:20px;background:#eee;margin-bottom:10px;}
.headline-card{background:white;border-radius:10px;overflow:hidden;box-shadow:0 5px 12px rgba(0,0,0,0.1);}
.headline-card img{width:100%;height:400px;object-fit:cover;}
.headline-content{padding:20px;}
.section-title{margin-bottom:10px;}
.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;}
.card{background:white;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,0.1);transition:0.2s;}
.card:hover{transform:translateY(-4px);}
.card img{width:100%;height:180px;object-fit:cover;}
.card-content{padding:15px;}
.card h3{font-size:18px;margin:0 0 10px;}
.card p{font-size:14px;color:#555;}
.card a{display:inline-block;margin-top:10px;background:#0d47a1;color:white;padding:6px 12px;border-radius:5px;text-decoration:none;}
.loadmore{text-align:center;margin:30px;}
button{padding:12px 25px;font-size:16px;cursor:pointer;border:none;background:#0d47a1;color:white;border-radius:5px;}
footer{text-align:center;padding:30px;background:#111;color:white;margin-top:40px;}