*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#f4f4f4;color:#333;line-height:1.6}header{background-color:#0f273f;color:#fff;padding:1rem 2rem;text-align:center}header h1{font-size:2.5rem;font-family:Dosis,sans-serif}nav{margin-top:.5rem}#search-form{display:flex;align-items:center;justify-content:center;gap:.5rem}#search-form input{width:300px;padding:.5rem;border:2px solid #0f273f;border-radius:5px;font-size:1rem;outline:none;transition:border-color .3s}#search-form input:focus{border-color:#1c487c}#search-form button{padding:.5rem 1rem;border:none;background-color:#1c487c;color:#fff;font-size:1rem;border-radius:5px;cursor:pointer;transition:background-color .3s}#search-form button:hover{background-color:#0f273f}main{padding:2rem;max-width:1200px;margin:0 auto}#seafood-list-container{text-align:center}#seafood-menu{font-size:2rem;margin-bottom:1.5rem;font-family:Dosis,sans-serif}#seafood-list{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;list-style:none}#seafood-list li{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:300px;padding:1rem;text-align:center;transition:transform .3s,box-shadow .3s;cursor:pointer}#seafood-list li:hover{transform:translateY(-10px);box-shadow:0 8px 16px #00000080}#seafood-list img{width:100%;height:auto;border-radius:8px;margin-bottom:1rem}#seafood-list h3{font-size:1.5rem;margin-bottom:.5rem;font-family:Dosis,sans-serif}#meal-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 15px #0003;max-width:600px;width:80%;transition:opacity .3s ease-in-out;border:none;outline:none}#meal-modal::backdrop{background-color:#00000080}#close-modal{position:absolute;top:10px;right:10px;background:#f44336;color:#fff;border:none;padding:10px 15px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:background-color .3s ease}#close-modal:hover{background-color:#d32f2f}#meal-name{font-size:2rem;margin-bottom:1rem;font-family:Dosis,sans-serif;color:#000}#meal-description{font-size:1.1rem;margin-bottom:1rem;font-family:Dosis,sans-serif;color:#000}h3{font-size:1.3rem;font-family:Dosis,sans-serif;margin-top:1rem;color:#000}#meal-ingredients{font-size:.85rem;margin-top:1rem;color:#000}@media (max-width: 768px){#seafood-list li{width:45%}}@media (max-width: 480px){#seafood-list li{width:100%}}