*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#0f0f0f;color:#e6e6e6}
a{color:#caa8ff;text-decoration:none}
header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#000}
header.mini{padding:10px}
.brand h1{margin:0;font-size:1.4rem}
.tagline{margin:4px 0 0;color:#aaa;font-size:.9rem}
nav a{margin-left:12px;color:#bbb}
.intro{padding:14px 16px;color:#ccc;background:#141414}
#ad{margin:10px}
#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:16px}
.card{background:#1b1b1b;border-radius:8px;padding:12px;cursor:pointer}
.card h4{margin:0 0 6px}
.card p{margin:0;color:#999;font-size:.85rem}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:999}
.box{background:#1b1b1b;padding:22px;border-radius:10px;max-width:420px;text-align:center}
.box button{margin-top:12px;padding:10px 16px;border:0;border-radius:6px;background:#6d3cff;color:#fff;font-weight:600}
.player{padding:12px}
iframe{width:100%;height:60vh;border:0;border-radius:10px}
.ad-slot{margin:12px;padding:14px;border:1px dashed #333;text-align:center;color:#777}
footer{padding:16px;color:#888;font-size:.85rem;background:#000}