*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef1f5;color:#0f172a}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1280px,94%);margin:0 auto}

.topline{background:#07142e;color:#fff;font-size:14px}
.topline .container{display:flex;justify-content:space-between;align-items:center;padding:8px 0;gap:12px}
.breaking{display:flex;align-items:center;gap:10px;overflow:hidden;min-width:0}
.breaking strong{background:#ef1f27;padding:6px 10px;border-radius:4px;flex:0 0 auto}
.ticker-wrap{overflow:hidden;white-space:nowrap;position:relative;min-width:0}
.ticker-track{display:inline-block;padding-left:100%;animation:ticker 18s linear infinite}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}

.header{background:#fff;border-bottom:1px solid #dbe2ea}
.header .container{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:20px}
.logo{font-size:32px;font-weight:800;color:#d71920}
.logo span{color:#082b63}
.nav{display:flex;gap:22px;flex-wrap:wrap;font-weight:700}
.nav a:hover{color:#d71920}

.layout{padding:18px 0 34px}
.hero{display:grid;grid-template-columns:1.8fr 1fr;gap:18px}
.card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 24px rgba(15,23,42,.06)}

.hero-main{position:relative}
.hero-main .media{height:320px;background:#d4def0;overflow:hidden;position:relative}
.hero-main .media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(7,20,46,.82) 0%, rgba(7,20,46,.30) 45%, rgba(7,20,46,0) 100%)}
.hero-main .media img,.side-thumb img,.thumb img,.single-card .media img{width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;left:0;right:0;bottom:0;padding:24px;z-index:2}
.hero-title{font-size:32px;line-height:1.16;margin:0 0 10px;color:#fff}
.hero-excerpt{color:#eef2ff;line-height:1.6;max-width:95%}

.hero-side{padding:14px 18px}
.side-item{display:grid;grid-template-columns:104px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f5}
.side-item:last-child{border-bottom:none}
.side-thumb{height:72px;border-radius:12px;background:#d4def0;overflow:hidden}
.side-title{font-weight:700;font-size:18px;line-height:1.25}

.tag{display:inline-block;background:#fde4e5;color:#d71920;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;margin-bottom:8px}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;font-weight:700}
.btn.red{background:#d71920;color:#fff}
.btn.dark{background:#07142e;color:#fff}

.section{margin-top:28px}
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.section-head h2{margin:0;font-size:24px}

.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.news-card .thumb{height:190px;background:#d4def0;overflow:hidden}
.news-body{padding:16px}
.news-body h3{margin:0 0 8px;font-size:22px;line-height:1.25}
.excerpt{color:#475569;line-height:1.65}

.mid-layout{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:28px}
.list-card{padding:18px}
.list-card h3{margin:0 0 8px;font-size:24px}
.sidebar-box{padding:18px}
.popular-item{padding:14px 0;border-bottom:1px solid #edf1f5}
.popular-item:last-child{border-bottom:none}

.footer{margin-top:34px;background:#07142e;color:#cbd5e1}
.footer .container{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px;padding:34px 0}
.footer h4{margin:0 0 12px;color:#fff}

.single-wrap{padding:24px 0}
.single-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 24px rgba(15,23,42,.06)}
.single-card .media{height:420px;background:#d4def0;overflow:hidden}
.single-body{padding:24px}
.single-body h1{margin:0 0 12px;font-size:38px}

.admin-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px}
.admin-box,.admin-panel{background:#fff;border-radius:18px;box-shadow:0 10px 24px rgba(15,23,42,.08);padding:24px}
.admin-wrap{width:min(1180px,94%);margin:30px auto}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
input,textarea,select{width:100%;padding:12px 14px;border:1px solid #d1d9e2;border-radius:10px;font:inherit;margin-bottom:12px}
textarea{min-height:120px}
.notice{background:#eff6ff;color:#1d4ed8;padding:12px 14px;border-radius:12px;margin-bottom:16px}
.alert{background:#fef2f2;color:#b91c1c;padding:12px 14px;border-radius:12px;margin-bottom:16px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}
.stat{background:#fff;border-radius:14px;padding:18px;box-shadow:0 10px 24px rgba(15,23,42,.06)}
.stat strong{display:block;font-size:28px;margin-top:10px}
.table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}
.table th,.table td{padding:12px;border-bottom:1px solid #eef2f5;text-align:left;vertical-align:top}
.muted{color:#64748b}
.check{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.check input{width:auto;margin:0}
.small{font-size:13px;color:#64748b}

@media(max-width:980px){
  .hero,.mid-layout,.news-grid,.footer .container,.stats{grid-template-columns:1fr}
  .hero-title,.single-body h1{font-size:28px}
  .hero-main .media{height:240px}
  .news-card .thumb{height:170px}
}


/* Premium fine-tuning */
.hero-overlay{
    background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);
    border-radius: 0 0 16px 16px;
}
.news-card{
    transition: all 0.3s ease;
}
.news-card:hover{
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.10);
}
.news-body h3{
    font-weight:700;
}
.news-body h3:hover{
    color:#d71920;
}