body { background:#000; color:#eee; font-family:Inter, sans-serif; margin:0; line-height:1.5; }
.container { width:min(1100px,94%); margin:0 auto; }
.site-header { padding:1.25rem 0; border-bottom:1px solid rgba(255,255,255,.08); }
.header-inner { display:flex; justify-content:space-between; align-items:center; }
.site-title { font-size:1.4rem; color:#fff; margin:0; }
.main-nav ul { list-style:none; display:flex; gap:1.2rem; }
.main-nav a { color:#00ffc6; text-decoration:none; font-weight:500; }
.banner-viewport { height:80vh; overflow:hidden; position:relative; }
.banner-track { display:flex; transition:transform .9s ease; }
.banner-slide { flex:0 0 100%; position:relative; color:#fff; text-decoration:none; }
.banner-bg { position:absolute; inset:0; background-size:cover; background-position:center; filter:brightness(.75); }
.banner-overlay { position:absolute; inset:0; background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8)); }
.banner-meta { position:absolute; bottom:8%; left:50%; transform:translateX(-50%); text-align:center; }
.banner-title { font-size:2rem; color:#00ffc6; text-shadow:0 0 12px rgba(0,255,198,.4); }
.layout { display:grid; grid-template-columns:2fr 1fr; gap:2rem; margin-top:2rem; }
.site-main { display:flex; flex-direction:column; gap:2rem; }
.sidebar { background:rgba(255,255,255,.02); padding:1.5rem; border-radius:1rem; }
.post-card a { color:#fff; text-decoration:none; }
.card-thumb img { border-radius:.8rem; width:100%; height:auto; }
.card-title { font-size:1.2rem; margin-top:.6rem; color:#00ffc6; }
.card-meta { color:rgba(255,255,255,.5); font-size:.85rem; }
.widget { margin-bottom:2rem; }
.widget-title { color:#00ffc6; font-size:1rem; margin-bottom:.8rem; }
.site-footer { text-align:center; padding:2rem 0; border-top:1px solid rgba(255,255,255,.08); color:rgba(255,255,255,.6); }
@media(max-width:800px){.layout{grid-template-columns:1fr;}.banner-viewport{height:60vh;}}