:root{
  --bg:#0b0a0a; --panel:#121214; --ink:#e7e2d5; --muted:#b7b1a1; --accent:#d9b36a;
  --grad-angle:140deg; --grad-c1:#0b0a0a; --grad-c2:#1a1a1c; --grad-alpha:1;
  --tex-alpha:.2; --tex-blend:overlay;
  --font-body:'DM Sans'; --font-display:'DM Sans';
}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{
  color:var(--ink);
  background: linear-gradient(var(--grad-angle),
    color-mix(in oklab, var(--grad-c1) calc(var(--grad-alpha)*100%), transparent),
    color-mix(in oklab, var(--grad-c2) calc(var(--grad-alpha)*100%), transparent));
  min-height:100vh; position:relative;
}
body::before{content:'';position:fixed;inset:0;pointer-events:none;background-size:cover;background-position:center;opacity:var(--tex-alpha);mix-blend-mode:var(--tex-blend);z-index:-1}
a{color:var(--accent);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 20px;}
.nav{position:sticky;top:0;z-index:10;backdrop-filter:blur(6px);background:rgba(0,0,0,.45);border-bottom:1px solid #222;}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:8px 0;}
.brand{display:flex;gap:12px;align-items:center}
.brand img{height:46px;width:46px;object-fit:cover;border-radius:8px;border:1px solid #222;}
.links a{margin-left:16px;color:var(--ink);opacity:.95;font-weight:700}
.sub{font-size:12px;color:var(--muted)}
.section{margin:28px 0}
.panel{background:rgba(18,18,20,.9);border:1px solid #222;border-radius:14px;padding:16px}
.muted{color:var(--muted)}
.poster-wrap{display:grid;grid-template-columns: 220px 1fr;gap:16px;align-items:start}
.poster{width:100%;border-radius:12px;border:1px solid #222;object-fit:cover}
.poster.small{max-width:160px}
.wow-wrap{display:grid;grid-template-columns: 160px 1fr;gap:16px;align-items:center;margin-top:16px}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:1px solid #333;background:#1a1a1c;color:var(--ink);font-weight:700;cursor:pointer}
.btn.primary{background:linear-gradient(180deg,#2a2320,#1b1512);border-color:#3a2f2a}
.grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}
.grid textarea{grid-column:1/-1}
.grid input, .grid textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #333;background:#0f0f10;color:#eee}
.footer{border-top:1px solid #222;margin-top:24px}
.foot-inner{display:flex;justify-content:space-between;padding:16px 0;color:var(--muted)}
/* Admin */
.admin .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.admin .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.admin .stack{display:flex;flex-direction:column;gap:8px}
.row{display:flex;gap:8px;align-items:center}
.row.between{justify-content:space-between}
.asset{display:flex;flex-direction:column;gap:6px}
.dz{border:1px dashed #555;border-radius:12px;min-height:100px;display:grid;place-items:center;color:#aaa}
.asset-preview{max-width:100%;border-radius:10px;border:1px solid #222}
label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}
input,textarea,select{padding:10px;border-radius:8px;border:1px solid #333;background:#0f0f10;color:#eee}
.badge{font-size:12px;padding:4px 8px;border:1px solid #333;border-radius:999px}