:root{--bg:#0f1320;--card:#151a2c;--text:#e6e8ee;--muted:#a9b1c7;--accent:#6ab0ff;--link:#8bd4ff;--border:#202744;--primary:#6ab0ff;--primary-600:#4b94e8}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.6 'Inter',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial}
.container{max-width:980px;margin:0 auto;padding:20px}
.site-header,.site-footer{background:var(--card);border-bottom:1px solid #1f253d;position:sticky;top:0;z-index:20}
.header-bar{display:flex;align-items:center;gap:14px}
.header-bar .brand{margin-right:auto}
.nav{display:flex;gap:8px}
.search input{background:#0f1629;border:1px solid var(--border);border-radius:10px;padding:8px 10px;color:var(--text)}
.site-footer{border-top:1px solid #1f253d;border-bottom:none}
.brand{color:#fff;text-decoration:none;font-weight:800;font-size:20px;margin-right:20px}
.brand span{color:var(--primary)}
nav a{color:var(--link);text-decoration:none;margin-right:0;padding:8px 10px;border-radius:8px}
nav a:hover{background:#0f1629}
.post-list{display:grid;gap:16px}
.grid-3{grid-template-columns:repeat(3,1fr)}
@media (max-width: 980px){.grid-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 640px){.grid-3{grid-template-columns:1fr}}

/* Slider */
.slider{position:relative;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:16px 0}
.slider-track{display:flex;transition:transform .35s ease}
.slide{flex:0 0 100%;padding:16px;text-decoration:none;color:var(--text)}
.slide-title{font-weight:700;margin-bottom:6px;color:#eaf2ff}
.slide-meta{color:var(--muted);font-size:13px}
.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0f1629;border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:8px;cursor:pointer}
.slider-btn.prev{left:10px}
.slider-btn.next{right:10px}
.post-card{background:var(--card);padding:16px;border-radius:10px;border:1px solid #202744}
.post-card h2{margin:0 0 8px}
.post-card a{color:var(--accent);text-decoration:none}
.post-card .meta{color:var(--muted);font-size:13px}
.post-card .excerpt{color:var(--text)}
.pagination{margin-top:12px}
.pagination.centered{text-align:center}
.pagination a,.pagination span{display:inline-block;margin:0 4px;padding:6px 10px;border-radius:6px;background:#10172a;border:1px solid #223055;color:var(--text);text-decoration:none}
.pagination .current{background:#223055}
.post h1{margin-top:0}
.content h2{margin-top:24px}
.content img{max-width:100%;height:auto;border-radius:8px}
.flash{background:#1e293b;color:#d1e9ff;padding:10px 12px;border-radius:8px;margin-bottom:16px;border:1px solid #334155}

/* Hero */


/* Featured + Sidebar layout */
.featured .featured-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:18px}
.featured .thumb.large{height:220px;background:linear-gradient(135deg, rgba(74,144,226,.28), rgba(138,180,248,.18))}
.featured .card-body{padding:18px}
.home-grid{display:grid;grid-template-columns:1fr 320px;gap:18px}
.sidebar .widget{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:14px}
.widget h3{margin:0 0 10px;font-size:16px}
.list{list-style:none;padding:0;margin:0}
.list li{margin:6px 0}
.list a{color:var(--link);text-decoration:none}
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
.tag{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#0f1629;color:var(--text);text-decoration:none;font-size:13px}

@media (max-width: 980px){
  .home-grid{grid-template-columns:1fr}
}