:root{--primary-color: #D32F2F;--secondary-color: #FBC02D;--background-color: #121212;--surface-color: #1E1E1E;--text-color: #FFFFFF;--text-color-secondary: #B0B0B0;--font-family-headings: "Georgia", serif;--font-family-body: "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-family-body);background-color:var(--background-color);color:var(--text-color);line-height:1.6;font-size:16px;scroll-behavior:smooth}#root{display:flex;flex-direction:column;min-height:100vh}.container{width:90%;max-width:1100px;margin:0 auto}h1,h2,h3{font-family:var(--font-family-headings);color:var(--primary-color);margin-bottom:1rem;line-height:1.2}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.8rem}p{margin-bottom:1rem;color:var(--text-color-secondary)}a{color:var(--secondary-color);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-block;padding:.8rem 1.5rem;background-color:var(--primary-color);color:var(--text-color);border:none;border-radius:5px;cursor:pointer;font-size:1rem;text-transform:uppercase;font-weight:700;transition:background-color .3s ease}.btn:hover{background-color:#b71c1c;text-decoration:none}section{padding:4rem 0}.header{background-color:var(--surface-color);padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 5px #0000004d}.header .container{display:flex;justify-content:space-between;align-items:center}.header .logo{font-family:var(--font-family-headings);font-size:1.5rem;color:var(--text-color);font-weight:700}.nav-links{list-style:none;display:flex}.nav-links li{margin-left:20px}.nav-links a{color:var(--text-color);padding:5px 10px;transition:color .3s ease}.nav-links a:hover{color:var(--primary-color);text-decoration:none}.hero{background:linear-gradient(#000000b3,#000000b3),url(https://images.unsplash.com/photo-1513104890138-7c749659a591?q=80&w=2070&auto=format&fit=crop) no-repeat center center/cover;height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:0 1rem}.hero h1{font-size:4rem;margin-bottom:1rem}.hero p{font-size:1.5rem;margin-bottom:2rem;max-width:600px}#about{background-color:var(--surface-color)}#contact p{font-size:1.1rem}.footer{background-color:#000;color:var(--text-color-secondary);text-align:center;padding:2rem 1rem;margin-top:auto}.newsletter-form{margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.newsletter-form h3{color:var(--text-color)}.newsletter-form form{display:flex;justify-content:center;margin-top:1rem;gap:10px}.newsletter-form input{padding:.7rem;font-size:1rem;border:1px solid #444;border-radius:5px;background-color:var(--surface-color);color:var(--text-color);width:60%}.newsletter-message{margin-top:1rem;color:var(--secondary-color)}#menu{background-color:var(--background-color)}.menu-category{margin-bottom:3rem}.menu-category h3{border-bottom:2px solid var(--primary-color);padding-bottom:.5rem;margin-bottom:2rem;display:inline-block}.menu-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.menu-item-card{background-color:var(--surface-color);padding:1.5rem;border-radius:5px;border:1px solid #2a2a2a;transition:transform .3s ease,box-shadow .3s ease}.menu-item-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.menu-item-card h4{font-family:var(--font-family-headings);color:var(--secondary-color);font-size:1.4rem;margin-bottom:.5rem}.menu-item-description{color:var(--text-color-secondary);margin-bottom:1rem;font-style:italic}.menu-item-price{font-weight:700;font-size:1.2rem;color:var(--text-color);text-align:right}#hours{background-color:var(--surface-color)}.hours-list{list-style:none;max-width:400px;margin:2rem auto 0;padding:1rem;border:1px solid #333;border-radius:5px}.hours-list li{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #2a2a2a}.hours-list li:last-child{border-bottom:none}.hours-list .day{font-weight:700;color:var(--text-color)}.hours-list .time{color:var(--text-color-secondary)}@media(max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}.hero h1{font-size:3rem}.hero p{font-size:1.2rem}.nav-links{display:none}.newsletter-form form{flex-direction:column;align-items:center}.newsletter-form input{width:100%;max-width:300px}}
