:root{--pink:#e91e78;--orange:#ff8c00;--ink:#3c281e;--bg:#fff8ef;--card:#fff;--soft:#ffe3ef}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}
a{color:var(--pink)}img{max-width:100%;height:auto}
header{background:linear-gradient(135deg,#ffd3e6,#ffe9c7);padding:14px 16px}
.bar{max-width:1080px;margin:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--pink);font-weight:800;font-size:1.35rem}.logo img{width:48px;height:48px;border-radius:50%;border:3px solid #fff}
.langs{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.langs a{text-decoration:none;background:#fff;border-radius:99px;padding:4px 10px;font-size:.85rem;color:var(--ink)}.langs a.on{background:var(--pink);color:#fff}
main{max-width:1080px;margin:auto;padding:16px}
h1{color:var(--pink);font-size:clamp(1.6rem,5vw,2.5rem);line-height:1.2;margin:.4em 0}h2{color:var(--orange);margin-top:1.6em}
.hero{display:grid;grid-template-columns:1fr;gap:16px;align-items:center}@media(min-width:760px){.hero{grid-template-columns:1.2fr 1fr}}
.btn{display:inline-flex;align-items:center;gap:8px;background:#ff0033;color:#fff;font-weight:700;text-decoration:none;padding:12px 20px;border-radius:99px;box-shadow:0 4px 0 #b80025;font-size:1.05rem}
.btn:hover{transform:translateY(1px);box-shadow:0 3px 0 #b80025}.btn.alt{background:var(--orange);box-shadow:0 4px 0 #c46a00}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.card{background:var(--card);border-radius:18px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.07);text-decoration:none;color:var(--ink);display:block}
.card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.card b{display:block;padding:10px 12px}
.yt{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;cursor:pointer}.yt img,.yt iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.yt button{position:absolute;inset:0;margin:auto;width:84px;height:60px;border:0;border-radius:16px;background:#ff0033;color:#fff;font-size:28px;cursor:pointer}
.lyrics{background:#fff;border-radius:18px;padding:16px 20px;white-space:pre-line;font-size:1.05rem}
.animals{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.animals figure{margin:0;background:#fff;border-radius:16px;padding:8px;text-align:center}
.animals img{height:90px;object-fit:contain}.animals figcaption{font-weight:700}.animals small{display:block;color:var(--orange)}
.box{background:var(--soft);border-radius:18px;padding:14px 18px}
.chans{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.chans a{background:#fff;border-radius:18px;padding:14px;text-decoration:none;color:var(--ink);display:block}
.chans b{display:block;color:var(--pink);font-size:1.1rem}
footer{text-align:center;font-size:.85rem;padding:24px 16px;color:#7a6a60}