:root{
  --bg-0:#0a0b0d;
  --bg-1:#0f1115;
  --ink:#e6e6ea;
  --muted:#9aa0a6;
  --accent:#8b5cf6;
  --accent-2:#22d3ee;
  --line:rgba(139,92,246,.35);
  --glow:rgba(139,92,246,.6);
  --success:#22c55e;
  --warn:#f59e0b;
  --err:#ef4444;
  --radius:18px;
}
html,body{
  min-height:100%;
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(139,92,246,.18), transparent 60%),
    radial-gradient(800px 400px at 85% 10%, rgba(34,211,238,.08), transparent 60%),
    radial-gradient(900px 500px at 15% 15%, rgba(79,70,229,.08), transparent 60%),
    linear-gradient(180deg, #0a0b0d 0%, #0b0d11 60%, #0a0b0d 100%);
  color:var(--ink);
  margin:0;
  font:16px/1.6 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.container{max-width:1180px;margin:0 auto;padding:40px 20px 80px;}
.brand{display:flex;align-items:center;justify-content:center;gap:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-align:center;margin-bottom:10px;font-family:Cinzel, serif;}
.brand .dot{color:var(--accent);}
.tag{text-align:center;color:var(--muted);margin:0 0 24px;font-size:.98rem;}
.social-links{display:inline-flex;gap:.5rem;margin-left:.75rem;vertical-align:middle;}
.social-btn{display:inline-flex;align-items:center;justify-content:center;padding:.28rem .6rem;font-size:.82rem;font-weight:700;border-radius:8px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 1px 0 rgba(255,255,255,.12) inset, 0 2px 10px rgba(0,0,0,.35);transition:transform .12s ease, filter .12s ease;}
.social-btn:hover{filter:brightness(1.06);transform:translateY(-1px);} .social-btn:active{transform:none;} .social-btn.yt{background:#FF0000;} .social-btn.tw{background:#9146FF;}
.main-nav{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:0 auto 26px;}
.main-nav a{color:var(--ink);text-decoration:none;padding:10px 16px;border-radius:999px;border:1px solid rgba(139,92,246,.25);background:rgba(15,17,21,.7);box-shadow:0 0 0 1px rgba(139,92,246,.08) inset;}
.main-nav a.active,.main-nav a:hover{background:rgba(139,92,246,.18);}
.hero{position:relative;max-width:760px;margin:0 auto 28px;filter: drop-shadow(0 10px 30px rgba(0,0,0,.6));}
.hero::before{content:"";position:absolute;inset:0;translate:0 -6px;border-radius:28px;background:radial-gradient(45% 35% at 50% 40%, rgba(139,92,246,.35), transparent 60%),radial-gradient(70% 55% at 50% 50%, rgba(34,211,238,.12), transparent 70%);filter: blur(18px);z-index:0;pointer-events:none;}
.hero img{position:relative;z-index:1;width:100%;height:auto;display:block;border-radius:28px;box-shadow: 0 0 0 1px rgba(139,92,246,.15), 0 20px 50px rgba(0,0,0,.55);}
.card,.admin-card{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)),rgba(15,17,21,.8);border:1px solid rgba(139,92,246,.2);box-shadow:0 0 0 1px rgba(139,92,246,.08) inset,0 10px 30px rgba(0,0,0,.35),0 0 60px -20px var(--glow);backdrop-filter: blur(6px);border-radius:var(--radius);padding:22px 18px;}
.card h2,.admin-card h2{font-family:Cinzel, serif;font-weight:700;margin:2px 6px 12px;font-size:1.25rem;letter-spacing:.04em;display:flex;align-items:center;gap:.6rem;}
.sig{width:7px;height:7px;border-radius:50%;background:conic-gradient(from 0deg, var(--accent), var(--accent-2) 70%, var(--accent));box-shadow:0 0 10px var(--glow);display:inline-block;}
.controls{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:16px;}
.input,.select,.textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(139,92,246,.25);background:rgba(8,10,14,.75);color:var(--ink);box-sizing:border-box;}
.textarea{min-height:120px;resize:vertical;}
.table-wrap{overflow:auto;border-radius:calc(var(--radius) - 6px);}
table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px;font-size:0.98rem;}
thead th{position:sticky;top:0;background:linear-gradient(180deg, rgba(139,92,246,.22), rgba(139,92,246,.10));color:var(--ink);text-align:left;padding:14px 14px;border-bottom:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;font-weight:700;font-family:Cinzel, serif;cursor:pointer;}
tbody td{padding:14px 14px;border-bottom:1px solid rgba(139,92,246,.14);color:#e9eaf1;vertical-align:top;}
tbody tr:nth-child(odd) td{background: rgba(255,255,255,.015);} tbody tr:hover td{background: rgba(139,92,246,.08);box-shadow: inset 0 0 0 1px rgba(139,92,246,.18);}
.pill{display:inline-block;padding:.25rem .55rem;border-radius:999px;border:1px solid rgba(139,92,246,.35);background: rgba(139,92,246,.12);font-size:.85rem;letter-spacing:.02em;color:#e9e4ff;white-space:nowrap;}
.pill.success{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.12);}
.pill.warning{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.12);}
.pill.danger{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.12);}
.yt-btn,.btn{display:inline-flex;align-items:center;justify-content:center;padding:.44rem .75rem;font-size:.8rem;font-weight:700;letter-spacing:.03em;color:#fff;text-decoration:none;line-height:1;border-radius:8px;border:1px solid rgba(255,255,255,.15);box-shadow:0 1px 0 rgba(255,255,255,.12) inset, 0 2px 8px rgba(0,0,0,.25);transition:transform .12s ease, filter .12s ease;background:#4f46e5;cursor:pointer;}
.yt-btn{background:#FF0000;padding:.22rem .44rem;margin-left:.5rem;}
.btn:hover,.yt-btn:hover{filter:brightness(1.06);transform:translateY(-1px);} .btn:active,.yt-btn:active{transform:none;}
.btn.secondary{background:#334155;} .btn.success{background:#16a34a;} .btn.warning{background:#d97706;} .btn.danger{background:#dc2626;} .btn.ghost{background:transparent;border-color:rgba(139,92,246,.35);}
.actions{display:flex;gap:8px;flex-wrap:wrap;}
.grid{display:grid;gap:16px;}
.grid.two{grid-template-columns:repeat(2, minmax(0,1fr));}
.grid.three{grid-template-columns:repeat(3, minmax(0,1fr));}
.label{display:block;margin-bottom:8px;color:var(--muted);font-size:.92rem;font-weight:600;}
.admin-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;}
.notice{padding:12px 14px;border-radius:12px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);margin-bottom:14px;}
.notice.error{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.25);}
.kicker{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);}
.small-note{font-size:.88rem;color:var(--muted);}
footer{text-align:center;color:var(--muted);margin-top:22px;font-size:.92rem;}
@media (max-width:900px){.grid.two,.grid.three{grid-template-columns:1fr;} table{min-width:640px;}}
@media (max-width:600px){.container{padding:28px 14px 64px;}.card,.admin-card{padding:16px 14px;}.card h2,.admin-card h2{font-size:1.1rem;}}