.card,.perspective-1000{perspective:1000px}.card{height:180px;margin-bottom:15px}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:15px;padding:20px;box-sizing:border-box}.card-front{background:#f5f5f5;color:#004165;flex-direction:column}.card-back,.card-front{border:1px solid #e0e0e0;box-shadow:0 4px 8px rgba(0,0,0,.05)}.card-back{background:#fff;transform:rotateY(180deg);color:#333}.card-content{font-size:1.5em;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%;box-sizing:border-box;white-space:normal}.card-front .card-content:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:40px;height:3px;background-color:#f2df74}.card.highlight{animation:glow 1s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px #fff,0 0 10px #f2df74,0 0 15px #f2df74}to{box-shadow:0 0 10px #fff,0 0 20px #f2df74,0 0 30px #f2df74}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:1000;display:flex;justify-content:center;align-items:center;transition:background-color .5s ease}.overlay.active{background-color:rgba(0,0,0,.8)}.enlarged-card{position:relative;width:80vw;max-width:800px;min-height:80vh;height:auto;background:#fff;border-radius:20px;padding:40px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;transform:scale(0) rotateY(180deg);opacity:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .5s ease;perspective:1000px;overflow-y:auto}.enlarged-card.active{transform:scale(1) rotateY(0deg);opacity:1}.overlay.closing .enlarged-card{transform:scale(0) rotateY(-180deg);opacity:0}.enlarged-content{font-size:4em;font-weight:700;text-align:center;color:#333;word-wrap:break-word;overflow-wrap:break-word;padding:20px;max-height:calc(80vh - 80px);overflow-y:auto;white-space:normal}.close-button{position:absolute;top:10px;right:10px;font-size:50px;color:#333;cursor:pointer;background:none;border:none;padding:15px;line-height:.6;z-index:1010}