.card-container{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;max-width:100%;overflow-x:hidden;padding:60px 20px}.flip-card-wrapper{flex:0 0 350px;max-width:350px}.flip-card{cursor:pointer;height:540px;margin:0 auto;perspective:1000px;width:100%}.flip-card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease;width:100%}@media (hover:hover){.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{backface-visibility:hidden;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;text-align:center;width:100%}.flip-card-front img{border-radius:12px 12px 0 0;height:300px;object-fit:cover;width:100%}.card-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:16px;position:relative}.flip-card h2{font-family:Inter,sans-serif;font-size:1.2em;margin:15px 0 8px}.flip-card .back-text,.flip-card p{font-family:Plus Jakarta Sans,sans-serif;font-size:.95em;line-height:1.5;margin:0}.flip-card-back{justify-content:flex-start;transform:rotateY(180deg)}.flip-card-back .card-content{justify-content:flex-start;padding-bottom:20px}.flip-card-back .back-text{animation:none;opacity:0;padding-bottom:10px;padding-top:20px;transform:translateY(20px)}.flip-card.flipped .flip-card-back .back-text,.flip-card:hover .flip-card-back .back-text{animation:fadeSlideIn 1s ease .3s forwards}@keyframes fadeSlideIn{to{opacity:1;transform:translateY(0)}}.flip-hint{animation:bounce-bounce-pause 2.5s ease-in-out infinite;bottom:12px;color:#bbb;font-size:1.4em;opacity:.8;pointer-events:none;position:absolute;right:12px}.flip-hint:before{content:"➥";display:inline-block}@keyframes bounce-bounce-pause{0%{transform:translateX(0)}10%{transform:translateX(4px)}20%{transform:translateX(0)}30%{transform:translateX(4px)}40%{transform:translateX(0)}to{transform:translateX(0)}}@media (max-width:1110px){.flip-card-wrapper{flex:0 0 350px;max-width:350px}}@media (max-width:750px){.card-container{align-items:center;flex-direction:column;padding:60px 20px}.flip-card-wrapper{margin-bottom:30px;max-width:350px;width:100%}}