:root { --ink:#1f1235; --muted:#5b4b73; --bg:#faf7ff; --card:#fff; --accent:#7c3aed; --pink:#ec4899; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color:var(--ink); background:var(--bg); line-height:1.55; }
a { color: var(--accent); }
header { background: linear-gradient(135deg, #8b5cf6, var(--pink)); color:#fff; }
.wrap { max-width: 880px; margin: 0 auto; padding: 0 16px; }
.top { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:14px 0; }
.top img { width:40px; height:40px; border-radius:10px; }
.top a { color:#fff; text-decoration:none; font-weight:800; font-size:20px; }
nav { margin-left:auto; display:flex; flex-wrap:wrap; gap:16px; }
.top nav a { font-weight:600; font-size:15px; }
.hero { display:flex; gap:32px; align-items:center; padding:28px 0 40px; flex-wrap:wrap; }
.hero img { width:140px; height:140px; border-radius:32px; box-shadow:0 12px 30px rgba(31,18,53,.3); }
.hero h1 { font-size:40px; margin:0 0 8px; }
.hero p { margin:0; font-size:19px; opacity:.95; max-width:460px; }
main { padding: 28px 0 48px; }
h2 { margin-top: 32px; }
.shots { display:flex; gap:16px; overflow-x:auto; padding-bottom:8px; }
.shots img { width:200px; border-radius:16px; border:1px solid #e5dcf5; flex:none; }
.card { background:var(--card); border:1px solid #e5dcf5; border-radius:16px; padding:16px 20px; }
.badge { display:inline-block; background:#ede9fe; color:var(--accent); font-weight:700; border-radius:999px; padding:4px 12px; font-size:14px; }
.pending { background:#fff7d6; border-radius:6px; padding:0 6px; }
footer { border-top:1px solid #e5dcf5; padding:20px 0 40px; color:var(--muted); font-size:14px; }
@media (max-width: 520px) { .top a.brand { font-size:17px; } .top nav a { font-size:14px; } .hero h1 { font-size:32px; } .hero img { width:96px; height:96px; border-radius:22px; } nav { gap:10px; } .top { gap:8px; } .top img { width:32px; height:32px; } }
.play { display:inline-block; background:var(--accent); color:#fff; font-weight:700; font-size:18px; border-radius:999px; padding:12px 24px; text-decoration:none; margin:8px 0 4px; }
.play:hover, .play:focus { filter:brightness(1.1); }