body{margin:0;font-family:system-ui;background:#0b0b0b;color:#eaeaea;}
.site-header{background:#000;border-bottom:2px solid #0f5132;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;}
.nav a{color:#ccc;margin-left:18px;text-decoration:none;}
.nav a:hover{color:#fff;}
.hero{background:radial-gradient(circle at top,#0f5132,#000);padding:60px;border-radius:15px;text-align:center;margin:20px;}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px;}
.card{background:#121212;border-radius:14px;overflow:hidden;}
.card img{width:100%;height:200px;object-fit:cover;}
.card-body{padding:15px;}
.breaking{background:#8e0000;padding:8px 12px;margin:15px 20px;border-radius:6px;font-size:14px;}
.main-layout{display:grid;grid-template-columns:3fr 1fr;gap:20px;padding:20px;}
.sidebar .box{background:#121212;padding:15px;border-radius:12px;margin-bottom:20px;}
.btn{display:inline-block;background:#4caf50;color:#000;padding:8px 14px;border-radius:8px;text-decoration:none;font-weight:600;}
@media(max-width:900px){.main-layout{grid-template-columns:1fr;}}