*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#e65100;--primary-hover:#f57c00;--text-color:#333;--background-overlay:#00000080;--white:#fff;--shadow-sm:0 2px 5px #0000001a;--shadow-md:0 2px 15px #0000001a;--transition:all .3s ease}body{color:var(--text-color);background:url(restaurant-bg.b3b25b5d.jpg) 50%/cover no-repeat fixed;min-height:100vh;font-family:Poppins,sans-serif;line-height:1.6}.background-overlay{background:var(--background-overlay);z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}header{z-index:1000;width:100%;box-shadow:var(--shadow-sm);backdrop-filter:blur(5px);background-color:#fffffff2;position:fixed;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem;display:flex}.logo{width:auto;height:40px;transition:var(--transition)}.logo:hover{transform:scale(1.05)}nav ul{gap:2rem;list-style:none;display:flex}nav a{color:var(--text-color);transition:var(--transition);border-radius:4px;padding:.5rem 1rem;font-weight:500;text-decoration:none}nav a:hover{color:var(--primary-color);background:#e651001a}.auth-buttons{align-items:center;gap:1rem;display:flex}.auth-btn{background:var(--primary-color);color:var(--white);cursor:pointer;transition:var(--transition);border:none;border-radius:4px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:500}.auth-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.user-profile{align-items:center;gap:1rem;display:flex}.user-profile span{color:var(--text-color);font-weight:500}.modal{z-index:2000;backdrop-filter:blur(3px);background:#0009;width:100%;height:100%;animation:.3s fadeIn;display:none;position:fixed;top:0;left:0}.modal-content{background:var(--white);border-radius:12px;width:90%;max-width:400px;margin:15% auto;padding:2.5rem;animation:.3s slideIn;position:relative;box-shadow:0 4px 20px #00000026}.close{cursor:pointer;color:#666;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.8rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.close:hover{color:var(--text-color);background:#0000001a}main{z-index:1;padding-top:80px;position:relative}section{max-width:1200px;margin:0 auto 4rem;padding:2rem}.hero{text-align:center;height:calc(100vh - 80px);color:var(--white);justify-content:center;align-items:center;padding:0 2rem;display:flex}.hero-content{max-width:800px;animation:1s fadeInUp}.hero h1{text-shadow:2px 2px 4px #0000004d;margin-bottom:1rem;font-size:3.5rem}.hero p{text-shadow:1px 1px 2px #0000004d;font-size:1.2rem}#menu,#reservations,#contact{backdrop-filter:blur(10px);box-shadow:var(--shadow-md);background:#fffffff2;border-radius:12px}h2{text-align:center;color:var(--text-color);margin-bottom:2rem;font-size:2rem}#menu-items{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.menu-item{background:var(--white);box-shadow:var(--shadow-md);transition:var(--transition);border-radius:8px;padding:1.5rem}.menu-item:hover{transform:translateY(-5px);box-shadow:0 4px 20px #00000026}.menu-item h3{color:var(--primary-color);margin-bottom:.5rem}form{flex-direction:column;gap:1rem;max-width:500px;margin:0 auto;display:flex}input{transition:var(--transition);border:1px solid #ddd;border-radius:4px;padding:.8rem;font-size:1rem}input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #e651001a}button{background:var(--primary-color);color:var(--white);cursor:pointer;transition:var(--transition);border:none;border-radius:4px;padding:1rem;font-size:1rem}button:hover{background:var(--primary-hover);transform:translateY(-2px)}.contact-container{max-width:600px;margin:0 auto}.contact-info{background:var(--white);box-shadow:var(--shadow-md);border-radius:8px;padding:2rem}.contact-info p{margin-bottom:1rem}.reservation-card{background:var(--white);box-shadow:var(--shadow-sm);border-left:4px solid var(--primary-color);border-radius:8px;margin-bottom:1rem;padding:1.5rem}.reservation-card p{margin-bottom:.5rem}.auth-message{text-align:center;color:var(--primary-color);background:#fff3e0;border-radius:4px;margin-bottom:1rem;padding:1rem}footer{color:var(--white);text-align:center;z-index:1;backdrop-filter:blur(5px);background:#000c;width:100%;padding:1rem;position:fixed;bottom:0}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.header-content{flex-direction:column;gap:1rem}nav ul{flex-wrap:wrap;justify-content:center;gap:.5rem}.hero h1{font-size:2.5rem}section{padding:1rem}.modal-content{margin:30% auto;padding:1.5rem}}@media (width<=480px){.auth-buttons{flex-direction:column;gap:.5rem}.hero h1{font-size:2rem}}
/*# sourceMappingURL=index.640db5f7.css.map */