.card-image{width:100%;height:200px;object-fit:cover;border-radius:15px 15px 0 0;display:block}.card-title{font-size:1.25rem;font-weight:700;color:#333;margin-top:15px}.home-container{width:60%;margin:0 auto}.character-container{position:fixed;bottom:20px;right:-25%;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.speech-bubble{background:#fff;border-radius:20px;padding:15px;box-shadow:0 2px 5px rgba(0,0,0,.1);max-width:230px;margin-bottom:10px;color:#0369a1;opacity:0;transform:translateY(20px);animation:bubbleAppear .5s forwards;animation-delay:.5s;position:absolute;bottom:90%;right:55%;transform:translateX(50%) translateY(-10px)}.speech-bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff}@keyframes bubbleAppear{to{opacity:1;transform:translateX(50%) translateY(-10px)}}.mascot-gif{width:20%;height:auto;border-radius:50%}@media (min-width:1500px){.menu-grid{justify-content:space-evenly}.card{width:250px}.character-container{bottom:15px;right:-25%}}@media (max-width:1200px){.menu-grid{justify-content:space-evenly}.card{width:250px}.character-container{bottom:15px;right:-30%}}@media (max-width:1024px){.menu-grid{flex-direction:row;justify-content:center;gap:15px}.card{width:220px}.speech-bubble{max-width:200px}.mascot-gif{width:12%}.character-container{bottom:15px;right:-40%}}@media (max-width:768px){.menu-grid{flex-direction:column;align-items:center;gap:15px}.card{width:90%;max-width:350px}.speech-bubble{max-width:180px;padding:10px;font-size:.9rem;bottom:120%;right:60%}.mascot-gif{width:18%}.character-container{right:-45%;bottom:20px}}