:root{
  --bg:#0b0f12;
  --card:#0f1720;
  --muted:#9aa6b2;
  --accent:#7c5cff;
  --text:#e6eef8;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background:linear-gradient(180deg,#050608 0%,var(--bg) 100%);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
}
.container{max-width:900px;margin:36px auto;padding:0 20px}
.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.logo{font-weight:700;font-size:20px;letter-spacing:0.4px}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); padding:20px;border-radius:12px;box-shadow:0 6px 30px rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.03)}
.post-title{font-size:28px;margin:0 0 10px}
.meta{color:var(--muted);font-size:13px;margin-bottom:10px}
.post-content{line-height:1.7;color:#cfe7ff}
.post-list{display:grid;gap:12px}
.post-card{display:block;padding:16px;border-radius:10px;text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,0.02);transition:transform .15s ease}
.post-card:hover{transform:translateY(-4px)}
.btn{display:inline-block;padding:8px 12px;border-radius:8px;background:linear-gradient(90deg,var(--accent),#4858ff);color:white;text-decoration:none}
.admin-link{font-size:14px;color:var(--muted)}
footer{margin-top:26px;color:var(--muted);font-size:13px;text-align:center}