.container{flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.card{perspective:1000px;cursor:pointer;width:200px;height:300px;transition:transform .3s}.card:hover{transform:scale(1.05)}.card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .3s;position:relative;box-shadow:0 4px 8px #0000001a}.card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{backface-visibility:hidden;border-radius:10px;width:100%;height:100%;position:absolute;overflow:hidden}.card-front{color:#000;text-align:center;background-color:#ffffffc0;font-size:1.6rem;font-weight:700}.card-front p{margin-top:100px;font-size:1.6rem}.card-front img{object-fit:cover;width:100%;height:100%}.card-back{color:#fff;background-color:#0e4277;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;transform:rotateY(180deg)}.card-back h4{margin-bottom:10px;font-size:24px}.card-back p{font-size:1.5rem;line-height:1.5}.content-section{color:#fff;text-align:justify;max-width:1000px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:20px;line-height:1.6}.content-section a{color:#fff;text-decoration:none}.content-section a:hover{text-decoration:underline}h1{font-size:2rem}.h2_resize{text-align:center;margin:20px;padding-top:50px;font-size:1.5rem}h3{color:#fff;margin-top:30px;margin-bottom:15px;font-size:1.8em}h4{color:#1976d2;margin-top:25px;font-size:1.4em}.code-block{white-space:pre-wrap;background:#333131;border-radius:5px;margin:15px 0;padding:15px;font-family:monospace}.feature-list{padding-left:20px}.feature-list li,h4{margin-bottom:10px}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}