
:root{
  --bg: #0b1220;
  --panel: rgba(15,21,32,.85);
  --text: #e5e7eb;
  --muted: #cbd5e1;
  --accent: #7c3aed;
  --accent-2: rgba(124,58,237,.12);
  --border: rgba(255,255,255,.08);
  --radius: 16px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, sans-serif; overflow-x:hidden;}
a{color:#b59cff;text-decoration:none}
a:hover{text-decoration:underline}

/* Header */
.header{position:sticky;top:0;z-index:50;background:var(--panel);backdrop-filter: blur(6px); border-bottom:1px solid var(--border);}
.header .container{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:10px 16px;flex-wrap:wrap}
.site-branding{display:flex;align-items:center;gap:10px;margin-right:auto}
.custom-logo{max-height:56px;height:auto;width:auto}
.site-title{margin:0;font-size:22px;font-weight:800;letter-spacing:.2px}
.site-description{margin:0;color:var(--muted);font-size:13px}
@media (max-width:680px){ .custom-logo{max-height:48px} }

/* Menu */
.nav{flex:1 1 auto}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.nav li{margin:0}
.nav a{display:inline-block;padding:10px 14px;border-radius:9999px;background:var(--accent-2);border:1px solid rgba(124,58,237,.35);color:var(--text);transition:transform .15s ease, box-shadow .2s, background .2s, border-color .2s;position:relative;overflow:hidden}
.nav a:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(124,58,237,.25)}
.nav .current-menu-item>a,.nav .current_page_item>a{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 4px 14px rgba(124,58,237,.35)}
@media (max-width:820px){ .nav{overflow-x:auto;-webkit-overflow-scrolling:touch} .nav ul{flex-wrap:nowrap} .nav li{flex:0 0 auto} }

/* Layout */
.container{max-width:1200px;margin:0 auto;padding:16px}
.content{display:grid;grid-template-columns:3fr 1fr;gap:24px}
@media (max-width:980px){ .content{grid-template-columns:1fr} }

/* Cards/posts */
article{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:var(--radius);padding:18px}
.post-thumbnail img{width:100%;height:220px;object-fit:cover;border-radius:12px}
.entry-title{margin:.2rem 0 0.6rem 0;font-size:26px}
.entry-meta{color:var(--muted);font-size:13px;margin-bottom:10px}
.entry-content img{max-width:100%;height:auto;border-radius:12px}

/* Pagination */
.pagination{display:flex;gap:10px;justify-content:center;margin:24px 0}
.pagination a,.pagination span{padding:8px 12px;border:1px solid var(--border);border-radius:9999px}
.pagination .current{background:var(--accent);color:#fff;border-color:transparent}

/* Footer */
.site-footer{border-top:1px solid var(--border);color:var(--muted);padding:18px 16px}
