.interactive-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:900px;margin:0 auto;font-family:inherit}.info-card{perspective:1000px;cursor:pointer}.info-card>div{border-radius:16px;padding:24px;min-height:140px;display:flex;align-items:center;justify-content:center;text-align:center;transition:transform .6s ease,opacity .4s ease;box-shadow:0 10px 24px rgba(0,0,0,.1)}.card-front{background:linear-gradient(135deg,#6fc3f7,#5b8def);color:#fff;font-size:18px;font-weight:600}.card-back{background:#fff;color:#333;font-size:15px;line-height:1.5;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:rotateY(180deg)}.info-card.active .card-front{transform:rotateY(180deg);opacity:0}.info-card.active .card-back{transform:rotateY(0deg);opacity:1}