body{font-family:sans-serif;margin:0;padding:0;box-sizing:border-box;background:#ecf0f1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;animation:fadeIn 1s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.container{width:80%;max-width:800px;padding:20px;box-sizing:border-box}header.hero{text-align:center;margin-bottom:20px}header.hero h1{font-family:"Kenyan Coffee",sans-serif;font-size:3.5em;color:#fff;margin:0}.cards-container{display:flex;justify-content:space-around;width:100%;box-sizing:border-box}.card{background:#fff;padding:20px;margin:15px;width:300px;border-radius:10px;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease-in-out;border:1px solid #ddd;box-sizing:border-box}.card:hover{transform:scale(1.05)}.card i{font-size:3em;color:#3498db;margin-bottom:10px}.btn{display:inline-block;padding:15px 20px;font-size:1.2em;text-decoration:none;border-radius:5px;color:#fff;cursor:pointer}.btn-primary{background:#2ecc71}.btn-success{background:#27ae60}.btn-info{background:#3498db}@media (max-width:768px){.cards-container{flex-direction:column;align-items:center}.card{width:100%;max-width:none}}@media (min-width:1200px){.card{width:400px}}