:root{--bg:#071022;--card:#0c1830cc;--stroke:#ffffff22;--text:#eaf2ff;--muted:#b8c7e6;--accent:#ff8a00;}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(900px 500px at 50% 0%, #1b2b52 0%, var(--bg) 60%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
a{color:inherit;text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:18px}
.top{border:1px solid var(--stroke);background:linear-gradient(180deg,#0f1c38cc,#091229cc);border-radius:22px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.45);}
.brand{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand-logo{width:100%;max-width:520px;height:auto;border-radius:16px;border:1px solid var(--stroke);background:#000;}
.btn{border:1px solid var(--stroke);padding:10px 14px;border-radius:14px;background:#0b1630aa;display:inline-flex;gap:10px;align-items:center}
.btn:hover{border-color:#ffffff55}
.years{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
.year{padding:8px 10px;border-radius:12px;border:1px solid var(--stroke);background:#0b1630aa;font-weight:700;font-size:13px}
.year.active{border-color:#ffffff88;background:linear-gradient(90deg,#1a2e5a,#0b1630);box-shadow:0 0 0 2px rgba(255,138,0,.15) inset;}
.main{margin-top:18px;display:grid;grid-template-columns:1fr;gap:14px}
.card{border:1px solid var(--stroke);background:var(--card);border-radius:22px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.card h2{margin:0 0 8px 0}
.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.grid{grid-template-columns:1fr}.brand{flex-direction:column;align-items:flex-start}}
.thumb{border:1px solid var(--stroke);border-radius:16px;overflow:hidden;background:#000}
.thumb img{display:block;width:100%;height:220px;object-fit:cover}
.event-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.badge{border:1px solid var(--stroke);background:#0b1630aa;border-radius:999px;padding:6px 10px;font-weight:800;font-size:12px}
.footer{margin-top:18px;opacity:.9}
.footer-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--stroke);background:#0b1630aa;border-radius:18px;padding:12px 14px}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.86);display:flex;align-items:center;justify-content:center;z-index:9999}
.overlay img{max-width:min(92vw,1100px);max-height:86vh;border-radius:18px;border:1px solid #ffffff33}
.overlay .close{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:12px;border:1px solid #ffffff33;background:#0b1630cc;color:#fff;font-size:26px;cursor:pointer}