.flipping-cards-grid{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto;padding:2rem 0;display:grid}.flip-card{perspective:1000px;cursor:pointer;background-color:#0000;height:420px}.flip-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;border-radius:16px;width:100%;height:100%;position:absolute;overflow:hidden;box-shadow:0 8px 24px #0000001a}.flip-card-front{background:#fff;flex-direction:column;display:flex}.flip-card-image{object-fit:cover;object-position:center;width:100%;height:250px}.flip-card-front-content{background:linear-gradient(#fff,#e5e7eb);flex-direction:column;flex:1;justify-content:center;padding:1.5rem;display:flex}.flip-card-title{color:#1a1a1a;margin:0 0 .5rem;font-size:1.5rem;font-weight:700;line-height:1.3}.flip-card-subtitle{color:#666;margin:0;font-size:.95rem;line-height:1.5}.flip-card-back{color:#fff;text-align:center;background:linear-gradient(135deg,#0b0f6b 0%,#14b8a6 100%);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;transform:rotateY(180deg)}.flip-card-back-title{color:#fff;margin:0 0 1rem;font-size:1.4rem;font-weight:700}.flip-card-back-desc{color:#fffffff2;margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}.flip-card-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#fff3;border:1.5px solid #fff6;border-radius:50px;padding:.75rem 2rem;font-size:.95rem;font-weight:600;transition:all .3s}.flip-card-button:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.flip-card:hover .flip-card-front{box-shadow:0 12px 32px #00000026}@media (width<=768px){.flipping-cards-grid{grid-template-columns:1fr;gap:1.5rem;padding:1rem 0}.flip-card{height:380px}.flip-card-image{height:200px}.flip-card-title{font-size:1.25rem}.flip-card-front-content{padding:1.25rem}.flip-card-back{padding:1.5rem}.flip-card-back-title{font-size:1.2rem}.flip-card-back-desc{font-size:.9rem}}@media (width>=769px) and (width<=1024px){.flipping-cards-grid{grid-template-columns:repeat(2,1fr)}}