.animation-samples{background:#f1f8f6}.animation-status{text-align:center;color:#126b65;font-weight:700;margin:20px 0}.animation-filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:24px 0}.animation-filters button,.animation-play{font:inherit;border:1px solid #b7d8d3;border-radius:24px;padding:10px 18px;background:white;color:#155e59;cursor:pointer}.animation-filters button[aria-pressed=true]{background:#155e59;color:white}.animation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1200px;margin:auto}.animation-card{min-width:0;text-align:center;background:white;padding:16px 10px;border-radius:20px;border:1px solid #dcebe7}.animation-card[hidden]{display:none}.animation-number{font-size:12px;color:#66827a}.animation-card h3{font-size:16px;margin:8px 0}.animation-stage{background:#000;border-radius:14px;overflow:hidden}.animation-stage img{display:block;width:100%;height:auto;aspect-ratio:320/270;object-fit:contain}.animation-play{margin-top:12px}.animation-note{max-width:900px;margin:30px auto 0;background:white;border-radius:16px;padding:22px;font-size:14px;line-height:1.8}.animation-note h3{margin-top:0}button:focus-visible{outline:3px solid #ed9b33;outline-offset:3px}@media(max-width:900px){.animation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.animation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.animation-card{padding:12px 6px}.animation-card h3{font-size:13px}.animation-play{font-size:13px;padding:8px 12px}.animation-note{padding:16px}.animation-filters button{font-size:13px;padding:8px 12px}}

.animation-offer{max-width:960px;margin:32px auto 0;padding:24px;border:2px solid #fff;border-radius:20px;color:#fff}.animation-offer h3{font-size:24px;margin:0 0 12px}.animation-offer strong{font-size:32px}.animation-offer a{display:inline-block;padding:12px 22px;background:#fff;color:#193b43;border-radius:999px;font-weight:bold}.animation-offer p{line-height:1.8}