:root{--bg:#11091c;--panel:#1e1230;--text:#f7f1ff;--muted:#cbb9dc;--accent:#b889ff;--accent2:#e2c7ff;--border:#3a2850}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top,#3a1a55 0,#170b25 42%,#0c0713 100%);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,92%);margin:auto}.nav{position:sticky;top:0;z-index:20;background:#0c0713dd;backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav .wrap{display:flex;justify-content:space-between;align-items:center;padding:14px 0}.brand{font-weight:800;letter-spacing:.12em}.menu{display:flex;gap:18px;flex-wrap:wrap}.hero{min-height:82vh;display:grid;place-items:center;text-align:center;padding:80px 0;background:linear-gradient(#10081877,#100818dd),radial-gradient(circle at 50% 30%,#9d5cff55,transparent 42%)}.hero h1{font-size:clamp(3rem,9vw,7rem);line-height:.92;margin:0;text-transform:uppercase;letter-spacing:.04em}.hero h2{font-size:clamp(1.5rem,4vw,3rem);color:var(--accent2);margin:.7rem 0}.hero p{max-width:720px;margin:0 auto 28px;color:var(--muted);font-size:1.15rem}.buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:12px 20px;border:1px solid var(--accent);border-radius:999px;background:#b889ff22}.btn.primary{background:var(--accent);color:#180c26;font-weight:800}.section{padding:76px 0}.section h2{font-size:2.2rem;margin:0 0 24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.card{background:#1d122bbb;border:1px solid var(--border);border-radius:18px;overflow:hidden;padding:20px}.card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px}.muted{color:var(--muted)}audio{width:100%}.track{padding:12px 0;border-bottom:1px solid var(--border)}input,textarea,select{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:#10091a;color:var(--text);margin:6px 0 14px}.footer{padding:40px 0;border-top:1px solid var(--border);color:var(--muted)}.notice{padding:12px;border-radius:10px;background:#2f1c46;margin-bottom:18px}.adminbar{background:#0b0611;border-bottom:1px solid var(--border);padding:12px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid var(--border)}@media(max-width:700px){.menu{font-size:.88rem;gap:10px}.hero{min-height:72vh}.section{padding:52px 0}}