body{background-color:#f4f4f4;color:#333;display:flex;flex-direction:column;min-height:100vh;margin:0}header{background-color:#4811b7;color:#fff;padding:15px;text-align:center}nav ul{list-style-type:none;display:flex;justify-content:center}nav ul li{margin:0 15px}nav ul li a{color:#fff;text-decoration:none;font-weight:700}nav ul li a:hover{text-decoration:underline}main{flex-grow:1;padding:20px}.card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:15px;text-align:center}.card h3{margin-bottom:10px;color:#007bff}.card p{color:#555}footer{background-color:#333;color:#fff;text-align:center;padding:10px;margin-top:auto;font-size:13px}.search-form{margin:10px auto;padding:20px;background-color:#fff;border-radius:8px}label{display:block;margin-bottom:8px;font-weight:700}input,select{box-sizing:border-box;width:100%;padding:8px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px}button{width:100%;padding:10px;background-color:#4811b7;color:#fff;border:none;border-radius:4px;cursor:pointer}