/* assets/css/style.css */
:root{--bg:#071019;--card:#0e1418;--muted:#9aa6b2;--accent:#1db954}
body{background:var(--bg);color:#e6eef3;font-family:Inter,Arial;margin:0}
.container{max-width:1000px;margin:24px auto;padding:0 16px}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.site-header h1 a{color:#fff;text-decoration:none}
nav a{color:var(--muted);margin-left:14px;text-decoration:none}
.search input{padding:6px;border-radius:6px;border:1px solid #20313a;background:#071019;color:#fff}
.card{background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(0,0,0,0.03));margin:12px 0;padding:12px;border-radius:8px;display:flex;gap:12px}
.cover{width:220px;height:140px;object-fit:cover;border-radius:6px}
.card-body h3 a{color:#fff;text-decoration:none}
.meta{display:flex;gap:12px;color:var(--muted);margin-top:8px}
button{background:var(--accent);border:0;padding:8px 12px;color:#04140a;border-radius:6px;cursor:pointer}
.alert{padding:10px;border-radius:6px;margin-bottom:12px}
.alert-success{background:#072d16;color:#7ff0a5}
.alert-danger{background:#2a0b0b;color:#ffb3b3}