*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{color:#111;background:#f5f5f5}header{text-align:center;background-color:#0000;background-image:linear-gradient(#0006,#0006),url(https://images.unsplash.com/photo-1554118811-1e0d58224f24);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;height:100vh;display:flex}header h1{color:#fff;letter-spacing:5px;font-size:4rem}header p{color:#ddd;margin-top:10px}section{padding:60px 10%}.about{align-items:center;gap:40px;display:flex}.about img{border-radius:20px;width:400px}.menu{text-align:center}.menu h2{margin-bottom:40px}.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;display:grid}.card{background:#fff;border-radius:20px;padding:20px;transition:all .3s}.card:hover{transform:translateY(-10px)}.card img{object-fit:cover;border-radius:15px;width:100%;height:500px}footer{color:#fff;text-align:center;background:#111;padding:30px}.menu{background:#f8f8f8}.menu h2{text-align:center;margin-bottom:40px;font-size:2.5rem}.menu-section{margin-bottom:50px}.menu-section h3{border-left:4px solid #111;margin-bottom:20px;padding-left:10px;font-size:1.5rem}.menu-item{border-bottom:1px solid #ddd;justify-content:space-between;align-items:flex-start;gap:20px;padding:15px 0;display:flex}.menu-item h4{font-size:1.1rem}.menu-item p{color:#555;font-size:.9rem}.menu-item span{white-space:nowrap;font-weight:700}.menu-item:hover{transition:all .3s;transform:translate(5px)}@media (width<=768px){.menu-item{flex-direction:column;align-items:flex-start}.menu-item span{margin-top:5px}}.menu-app{text-align:center;background:#f8f8f8;padding:60px 10%}.tabs{justify-content:center;gap:10px;margin-bottom:30px;display:flex}.tab{cursor:pointer;background:#ddd;border:none;border-radius:20px;padding:10px 20px;transition:all .3s}.tab.active{color:#fff;background:#111}.tab:hover{transform:scale(1.05)}.tab-content{animation:.5s fade;display:none}.tab-content.active{display:block}.menu-item{background:#fff;border-radius:15px;justify-content:space-between;margin:10px 0;padding:15px;transition:all .3s;display:flex}.menu-item:hover{transform:translateY(-5px)}.menu-item h4{text-align:left}.menu-item p{color:#666;text-align:left;font-size:.9rem}@keyframes fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.tabs{flex-direction:column}.menu-item{flex-direction:column;align-items:flex-start}}