body {margin: 0;font-family: Arial, sans-serif;background: #f3f4f6;}header {background: #1e3a8a;color: white;padding: 20px;text-align: center;}.grid-container {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 20px;padding: 20px;}.card {background: white;padding: 20px;border-radius: 12px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);cursor: pointer;transition: transform 0.2s, box-shadow 0.3s;}.card:hover {transform: translateY(-4px);box-shadow: 0 8px 20px rgba(0,0,0,0.15);}footer {text-align: center;padding: 15px;background: #1e293b;color: #fff;margin-top: 20px;}