.container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:auto;max-width:1200px}.card{background-color:#fff;border:2px solid transparent;border-radius:8px;flex:1 1 300px;font-family:Inter,sans-serif;max-width:500px;padding:30px 20px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.card:hover{border-radius:12px;box-shadow:5px 5px 10px rgba(43,47,56,.5);transform:translateY(-5px)}.card.before{background:none;border-color:rgba(43,47,56,.3)}.card.before:after{border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:5px 5px 10px rgba(43,47,56,.5)}.card.after{background:none;border-color:rgba(43,47,56,.3)}.card.after:after{border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:5px 5px 10px rgba(43,47,56,.5)}.card h3{font-size:1.6rem;margin-bottom:20px;margin-top:0}.card ul{list-style:none;margin:0;padding:0}.card li{line-height:1.5;margin-bottom:15px;padding-left:28px;position:relative}.card.before li:before{color:#f44336;content:"❌";font-weight:700;left:0;position:absolute}.card.after li:before{color:#4caf50;content:"✅";font-weight:700;left:0;position:absolute}@media (max-width:768px){body{padding:20px 10px}.card{flex:1 1 100%;max-width:100%}}