*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Arial,sans-serif;text-align:center;background:#0f0c29}body,h1,h2{color:#f0e6d3}.card-container{display:flex;justify-content:center;flex-wrap:wrap;margin-top:20px}.card{width:250px;height:420px;margin:10px;perspective:1000px;position:relative;transform-style:preserve-3d;transition:transform .6s;cursor:pointer}.card p{padding:18px;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card.flipped{transform:rotateY(180deg)}.card-back,.card-front{width:100%;height:100%;position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.card-front{background:linear-gradient(145deg,#1a1440,#2d2266);border:2px solid rgba(245,200,66,.3);border-radius:10px}.card-back,.card-front{box-shadow:0 6px 24px rgba(0,0,0,.4)}.card-back{background:linear-gradient(145deg,#1e1850,#2a1f6e);border:2px solid rgba(245,200,66,.2);border-radius:10px;transform:rotateY(180deg)}.card-back p{color:#e0d5c5;font-size:.9rem}.card img{width:100%;height:100%;border-radius:10px}button{padding:10px 20px;font-size:16px;margin-top:20px;cursor:pointer}.summary{margin-top:20px;padding:15px;background-color:#fff;border-radius:10px;box-shadow:2px 2px 10px rgba(0,0,0,.2);max-width:600px;margin-left:auto;margin-right:auto;text-align:left}