:root{--bg:#0b0a12;--panel:#15131f;--line:#2a2640;--ink:#ece9f7;--dim:#9a95b5;--neon:#ff2e93;--link:#9ad8ff}
*{box-sizing:border-box}
html,body{margin:0;background:#f1efe9}
body{font:16px/1.6 "Segoe UI",Heebo,Arial,sans-serif;color:var(--ink)}
.wrap{max-width:1000px;margin:24px auto;background:radial-gradient(900px 400px at 80% -10%,#2a0f3d 0,transparent 60%),var(--bg);
  border-radius:16px;border-top:4px solid var(--neon);box-shadow:0 8px 30px #0003;padding:0 24px 24px;overflow:hidden}
.top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 -24px 16px;padding:8px 24px;background:rgba(255,255,255,.05);font-size:.85rem}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
.crumbs{color:var(--dim);font-size:.85rem;margin:6px 0}
h1{margin:8px 0 4px;font-size:1.7rem;line-height:1.25}
h2{font-size:1.15rem;margin:28px 0 8px;border-bottom:1px solid var(--line);padding-bottom:6px}
.meta{color:var(--dim);margin:0 0 10px}.lead{max-width:760px}
.btn{display:inline-block;background:var(--neon);color:#fff;border-radius:999px;padding:10px 22px;font-weight:600;margin:8px 0 16px}
.btn:hover{text-decoration:none;filter:brightness(1.1)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.grid a{display:block;aspect-ratio:1;border-radius:6px;overflow:hidden;background:#000;border:1px solid var(--line)}
.grid img{width:100%;height:100%;object-fit:cover;display:block}
ul.list{list-style:none;padding:0;margin:0;columns:2;column-gap:28px}
ul.list li{padding:3px 0;break-inside:avoid}
ul.list small{color:var(--dim)}
.clubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;padding:0;list-style:none}
.clubs li{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 14px}
.clubs b{display:block}.clubs small{color:var(--dim)}
footer{margin-top:28px;color:var(--dim);font-size:.8rem;text-align:center}
@media(max-width:700px){.wrap{margin:0;border-radius:0}ul.list{columns:1}}