body{background:#f9f9f9;font-family:Arial,sans-serif;margin:0;padding:40px 20px}.container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:auto;max-width:1200px}.card{border:2px solid transparent;border-radius:8px;flex:1 1 300px;max-width:500px;padding:30px 20px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-5px)}.card.before{background:none;border-color:#1d2d49}.card.before:after{background-color:#000;border-bottom-left-radius:8px;border-bottom-right-radius:8px;bottom:-10px;content:"";height:6px;left:0;position:absolute;width:100%}.card.after{background:none;border-color:#1d2d49}.card.after:after{background-color:#1d2d49;border-bottom-left-radius:8px;border-bottom-right-radius:8px;bottom:-10px;content:"";height:6px;left:0;position:absolute;width:100%}.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%}}