:root{--bg:#071126;--card:#0b1220;--accent:#ff6b6b;--accent2:#5eead4;--muted:#94a3b8;--radius:14px;--maxw:1100px}
*{box-sizing:border-box}body{font-family:Inter,system-ui,Arial,sans-serif;background:linear-gradient(180deg,#071126,#081427);color:#e6eef8;margin:0;padding:0} .container{max-width:var(--maxw);margin:28px auto;padding:18px}
.header{display:flex;align-items:center;gap:16px}.logo{display:flex;align-items:center;gap:12px}.mark{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-weight:800;color:#061826}.site-title{font-size:20px;font-weight:700}.topbar{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.search{flex:1;display:flex;gap:8px}.input{background:rgba(255,255,255,0.03);border:0;padding:10px;border-radius:10px;color:var(--muted);flex:1}.btn{background:var(--accent);color:#071826;border:0;padding:10px 14px;border-radius:10px;cursor:pointer}.grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:start}.card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.02));padding:14px;border-radius:var(--radius);box-shadow:0 6px 20px rgba(2,6,23,0.6)}.post-title{font-size:18px;margin:6px 0}.meta{font-size:13px;color:var(--muted)}.featured-slider{display:flex;overflow:hidden;gap:12px}.featured-item{min-width:320px;height:160px;border-radius:12px;padding:12px;background:linear-gradient(135deg,#0b3244,#0b1f3a);color:white}.grid-posts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.post-excerpt{color:var(--muted);font-size:14px}.sidebar .widget{margin-bottom:12px}.category-badge{background:rgba(255,255,255,0.03);padding:6px 8px;border-radius:10px;color:var(--muted);font-size:13px}.footer{margin-top:28px;padding:20px;border-radius:12px;text-align:center;color:var(--muted)}a{color:var(--accent2);text-decoration:none}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:6px}.post-content img{max-width:100%;border-radius:10px}.ad-placeholder{background:linear-gradient(90deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));border:2px dashed rgba(255,255,255,0.03);padding:12px;border-radius:12px;text-align:center;color:var(--muted);font-size:13px}.dark-toggle{cursor:pointer;padding:8px;border-radius:10px;background:rgba(255,255,255,0.02)}.author-box{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;background:rgba(255,255,255,0.01)}.small{font-size:13px}@media(max-width:900px){.grid{grid-template-columns:1fr}.grid-posts{grid-template-columns:1fr}}