.card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:1000px}.card-container.light_mode .card{background-color:#fff;color:#333}.card-container.light_mode .card-title{color:#333}.card-container.light_mode .card-text{color:#555}.card-container.dark_mode .card{background-color:#1e1e1e;box-shadow:0 6px 18px hsla(0,0%,100%,.05);color:#f0f0f0}.card-container.dark_mode .card-title{color:#f9f9f9}.card-container.dark_mode .card-text{color:#d0d0d0}.card-container.dark_mode .card-button{background-color:#39f;color:#fff}.card-container.dark_mode .card-button:hover{background-color:#0073e6}.card{background-color:#fff;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.1);flex:1 1 calc(25% - 20px);max-width:calc(33.333% - 20px);min-width:220px;overflow:hidden;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.card-image img{display:block;height:auto;width:100%}.card-content{padding:20px}.card-title{color:#333;font-size:1.2rem;margin-bottom:10px}.card-text{color:#555;font-size:.95rem}.card-footer{padding:20px;text-align:right}.card-button{background-color:#0073e6;border-radius:6px;color:#fff;font-size:.9rem;padding:8px 16px;text-decoration:none}.card-button:hover{background-color:#005bb5}@media (max-width:900px){.card{flex:1 1 calc(50% - 20px);max-width:calc(50% - 20px)}}@media (max-width:480px){.card{flex:1 1 100%;max-width:100%}}