.flip-card{perspective:1200px;height:320px;cursor:pointer;outline:none}.flip-card:focus-visible .flip-inner{box-shadow:0 0 0 3px rgba(0,164,178,.35);border-radius:16px}.flip-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}.flip-card.flipped .flip-inner,.flip-card:hover .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:16px;padding:20px 18px;display:flex;flex-direction:column}.flip-front{background:#fff;box-shadow:0 8px 20px rgba(30,40,49,.06);border:1px solid #efecdf;justify-content:space-between;transition:box-shadow .3s ease}.flip-card:hover .flip-front{box-shadow:0 18px 34px rgba(30,40,49,.12)}.flip-front .ftop{display:flex;align-items:flex-start;justify-content:space-between}.flip-front .ficon{width:42px;height:42px;border-radius:12px;background:rgba(0,164,178,.09);display:flex;align-items:center;justify-content:center;color:#00a4b2;flex:0 0 auto}.flip-front .fnum{font-size:28px;font-weight:700;color:#eae4d2;font-variant-numeric:tabular-nums}.flip-front .ftitle{font-size:15.5px;font-weight:700;color:#1e2831;line-height:1.32;margin-bottom:6px}.flip-front .fhint{display:flex;align-items:center;gap:5px;font-size:11px;color:#9aa4aa;text-transform:uppercase;letter-spacing:.06em}.flip-back{background:#00a4b2;transform:rotateY(180deg);box-shadow:0 18px 34px rgba(0,164,178,.28)}.flip-back .btop{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.flip-back .bicon{width:28px;height:28px;color:#fff;opacity:.85}.flip-back .bnum{font-size:11.5px;font-weight:700;color:rgba(255,255,255,.7)}.flip-back .bcontent{flex:1;min-height:0;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.4) transparent}.flip-back .bcontent::-webkit-scrollbar{width:4px}.flip-back .bcontent::-webkit-scrollbar-thumb{background:rgba(255,255,255,.4);border-radius:4px}.flip-back .btag{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.75);margin-bottom:7px;display:block}.flip-back p{font-size:12.5px;color:#fff;line-height:1.62}@media (max-width:1000px){.flip-card{height:340px}.flip-back p{font-size:13px}}@media (max-width:900px){.flip-card{height:260px}.flip-back p{font-size:13.5px}}@media (max-width:560px){.flip-card{height:230px}.flip-front .ftitle{font-size:16px}.flip-back p{font-size:14px}}