:root{--bg:#fff8ef;--ink:#2a2438;--acc:#e8553a;--acc-d:#c2410c;--teal:#0f766e;--card:#fff;--mut:#5f5a6b;--line:#eee4d6;--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.5 Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffb86b 0%,#ff7a59 55%,#f25f8a 100%);color:#fff;padding:48px 20px 76px}
.hero-in{position:relative;z-index:1;max-width:1100px;margin:0 auto}
.brand{display:flex;align-items:center;gap:12px}
h1{margin:0;font:700 clamp(2.4rem,6vw,3.6rem)/1 Fredoka,Nunito,sans-serif;letter-spacing:-.5px;text-shadow:0 2px 0 #0001}
.tag-line{max-width:560px;margin:14px 0 0;font-size:clamp(1rem,2.2vw,1.2rem);font-weight:600;color:#fff;text-shadow:0 1px 2px #0002}
.blob{position:absolute;border-radius:50%;opacity:.25;background:#fff}.b1{width:320px;height:320px;right:-80px;top:-120px}.b2{width:180px;height:180px;right:18%;bottom:-110px;background:#ffd166;opacity:.45}
.filters{position:sticky;top:8px;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:1100px;margin:-44px auto 0;padding:14px;background:#fffffff2;backdrop-filter:blur(8px);border-radius:var(--r);box-shadow:0 10px 30px #5a2a1426,0 1px 0 var(--line)}
.filters label{display:block;position:relative;min-width:0}
.filters input,.filters select{width:100%;height:46px;padding:0 14px;border:1.5px solid var(--line);border-radius:12px;font:600 15px Nunito,sans-serif;color:var(--ink);background:#fff;transition:border-color .15s,box-shadow .15s}
.filters select{appearance:none;padding-right:34px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235f5a6b' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 13px center/12px;text-overflow:ellipsis}
.filters input:focus,.filters select:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 4px #ff7a5933}
.search{grid-column:span 2}.search svg{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:var(--mut);stroke-width:2.2;stroke-linecap:round}
.search input{padding-left:42px}
.bar{max-width:1100px;margin:20px auto 6px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.kinds{display:flex;gap:6px;flex-wrap:wrap;background:#fff;padding:5px;border-radius:99px;box-shadow:0 1px 0 var(--line),0 2px 10px #0000000a}
.kinds button{border:0;background:transparent;border-radius:99px;padding:8px 16px;font:700 .9rem Nunito,sans-serif;color:var(--mut);cursor:pointer}
.kinds button:hover{color:var(--ink)}.kinds button.on{background:var(--ink);color:#fff}
.kinds button:focus-visible,#more:focus-visible,.card a:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.count{margin:0;color:var(--mut);font-weight:700}
main{max-width:1100px;margin:10px auto 0;padding:0 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}
.card{position:relative;background:var(--card);border-radius:var(--r);padding:18px 18px 16px;border:1px solid var(--line);box-shadow:0 2px 0 #f3e7d6;display:flex;flex-direction:column;gap:8px;transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #5a2a141f}
.card h3{margin:0;font:600 1.15rem/1.3 Fredoka,Nunito,sans-serif}.card a{color:inherit;text-decoration:none}.card a:hover h3{color:var(--acc-d)}
.when{font-weight:800;color:var(--acc-d);font-size:.93rem}.where{color:var(--mut);font-size:.92rem;font-weight:600}
.desc{font-size:.92rem;color:#4a4456;margin:0;flex:1}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.tag{font-size:.76rem;font-weight:700;padding:3px 10px;border-radius:99px;background:#f4efe7;color:#4a4456}
.tag.free{background:#d7f5ee;color:#0b5f56}.tag.cat{background:#ffe4da;color:#9a3412}
.tag.kind-event{background:#e3edff;color:#1e4a94}.tag.kind-program{background:#efe4ff;color:#5b21b6}
#more{display:block;margin:28px auto 8px;padding:14px 32px;border:0;border-radius:99px;background:var(--teal);color:#fff;font:700 1rem Nunito,sans-serif;cursor:pointer;box-shadow:0 6px 16px #0f766e40;transition:transform .15s}
#more:hover{transform:translateY(-2px)}
footer{max-width:700px;margin:0 auto;text-align:center;color:var(--mut);font-size:.88rem;padding:36px 16px 48px}footer strong{font:600 1.2rem Fredoka,sans-serif;color:var(--acc-d)}
@media (max-width:820px){.filters{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}}
@media (max-width:520px){.hero{padding:32px 18px 66px}.filters{position:static;margin:-40px 12px 0;padding:12px;gap:8px}.filters input,.filters select{height:44px;font-size:14px}
 .bar{flex-direction:column;align-items:stretch}.kinds{justify-content:space-between}.kinds button{padding:8px 10px;font-size:.82rem;flex:1}main{grid-template-columns:1fr;padding:0 12px}}