:root{--bg:#0f172a;--text:#e2e8f0;--muted:#94a3b8;--blue:#3b82f6;--green:#10b981;--orange:#f59e0b;--pink:#ec4899;--card:#0b1220;--border:#334155}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial}
.wrap{max-width:1100px;margin:0 auto;padding:24px}.hero{display:flex;align-items:center;gap:16px}.hero img{width:120px;height:auto}
h1{margin:.1rem 0 0 0;font-size:clamp(26px,3.6vw,42px)}.muted{color:var(--muted)}
.cards{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}
.card{border-radius:16px;padding:18px;text-decoration:none;display:block;color:#0b1220}
.card h3{margin:0 0 .4rem 0}.card p{margin:0}
.card.blue{background:#dbeafe}.card.green{background:#d1fae5}.card.orange{background:#ffedd5}.card.pink{background:#fce7f3}
@media (max-width:800px){.cards{grid-template-columns:1fr}}
iframe.map{width:100%;height:68vh;border:0;border-radius:12px;overflow:hidden;background:#0b1220}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 1rem}
.chips .chip{padding:.55rem .9rem;border:1px solid var(--border);border-radius:10px;background:#0b1220;color:var(--text);cursor:pointer}
.chips .chip.active{background:#1f2937;border-color:#475569}
.badge{display:inline-block;padding:.2rem .5rem;border-radius:999px;font-size:.8rem;border:1px solid var(--border)}
.badge.blue{border-color:var(--blue);color:var(--blue)}.badge.green{border-color:var(--green);color:var(--green)}
.badge.orange{border-color:var(--orange);color:var(--orange)}.badge.pink{border-color:var(--pink);color:var(--pink)}