*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #c9a227;--secondary-color: #1a1a1a;--text-light: #f5f5f5;--text-dark: #2d2d2d;--accent-warm: #e8d5b7;--bg-cream: #faf8f5}body{font-family:Noto Sans SC,sans-serif;background:var(--bg-cream);color:var(--text-dark);overflow-x:hidden}header{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg,#000c,#0000);padding:20px 50px;display:flex;justify-content:space-between;align-items:center;transition:all .4s ease}header.scrolled{background:#1a1a1afa;padding:15px 50px;box-shadow:0 2px 20px #0000004d}.logo{font-family:Playfair Display,serif;font-size:28px;font-weight:700;color:var(--primary-color);text-decoration:none;letter-spacing:2px}nav ul{display:flex;list-style:none;gap:40px}nav a{color:var(--text-light);text-decoration:none;font-size:14px;font-weight:500;letter-spacing:1px;text-transform:uppercase;position:relative;padding:5px 0;transition:color .3s ease}nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}nav a:hover{color:var(--primary-color)}nav a:hover:after{width:100%}.hero{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://images.unsplash.com/photo-1504674900247-0877df9cc836?w=1920&q=80) center/cover no-repeat;filter:brightness(.7);transform:scale(1.1);animation:slowZoom 20s infinite alternate}@keyframes slowZoom{0%{transform:scale(1.1)}to{transform:scale(1.2)}}.hero-content{position:relative;z-index:10;text-align:center;color:var(--text-light);padding:0 20px}.hero h1{font-family:Playfair Display,serif;font-size:72px;font-weight:700;margin-bottom:20px;text-shadow:2px 4px 20px rgba(0,0,0,.5);opacity:0;transform:translateY(30px);animation:fadeUp 1s ease forwards .3s}.hero .subtitle{font-size:24px;font-weight:300;margin-bottom:40px;opacity:0;transform:translateY(30px);animation:fadeUp 1s ease forwards .6s}.hero-btn{display:inline-block;padding:18px 50px;background:var(--primary-color);color:var(--text-light);text-decoration:none;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;border:2px solid var(--primary-color);cursor:pointer;transition:all .4s ease;opacity:0;transform:translateY(30px);animation:fadeUp 1s ease forwards .9s}.hero-btn:hover{background:transparent;border:2px solid var(--primary-color);transform:translateY(-3px);box-shadow:0 10px 30px #c9a2274d}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);color:var(--text-light);animation:bounce 2s infinite}.scroll-indicator span{display:block;width:24px;height:40px;border:2px solid var(--text-light);border-radius:20px;position:relative}.scroll-indicator span:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:8px;background:var(--text-light);border-radius:2px;animation:scrollDown 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes scrollDown{0%{opacity:1;top:8px}to{opacity:0;top:20px}}section{padding:120px 50px}.section-header{text-align:center;margin-bottom:80px}.section-header h2{font-family:Playfair Display,serif;font-size:48px;color:var(--secondary-color);margin-bottom:20px}.section-header p{font-size:18px;color:#666;max-width:600px;margin:0 auto}.section-header .divider{width:80px;height:3px;background:var(--primary-color);margin:25px auto 0}.categories{background:var(--secondary-color)}.categories .section-header h2,.categories .section-header p{color:var(--text-light)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.category-card{position:relative;height:350px;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .4s ease}.category-card:hover{transform:translateY(-10px)}.category-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.category-card:hover img{transform:scale(1.1)}.category-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.8) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:30px}.category-overlay h3{font-family:Playfair Display,serif;font-size:28px;color:var(--text-light);margin-bottom:10px}.category-overlay span{font-size:14px;color:var(--primary-color);text-transform:uppercase;letter-spacing:2px}.dishes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.dish-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #00000014;transition:all .4s ease}.dish-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #00000026}.dish-card.visible{opacity:1;transform:translateY(0)}.dish-image{position:relative;height:280px;overflow:hidden}.dish-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.dish-card:hover .dish-image img{transform:scale(1.1)}.dish-badge{position:absolute;top:20px;right:20px;background:var(--primary-color);color:#fff;padding:8px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:4px}.dish-content{padding:30px}.dish-content h3{font-family:Playfair Display,serif;font-size:24px;margin-bottom:12px;color:var(--secondary-color)}.dish-content p{font-size:14px;color:#666;line-height:1.8;margin-bottom:20px}.dish-meta{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #eee}.dish-rating{display:flex;align-items:center;gap:8px}.dish-rating .stars{color:var(--primary-color);font-size:14px}.dish-rating span{font-size:14px;color:#999}.dish-price{font-family:Playfair Display,serif;font-size:24px;font-weight:700;color:var(--primary-color)}.gallery{background:var(--secondary-color);padding:120px 0}.gallery .section-header{padding:0 50px}.gallery .section-header h2,.gallery .section-header p{color:var(--text-light)}.gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.gallery-item{position:relative;height:300px;overflow:hidden;cursor:pointer}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#c9a227e6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay span{font-size:14px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:2px}.gallery-item:nth-child(1),.gallery-item:nth-child(6){grid-column:span 2}.testimonials{background:var(--bg-cream)}.testimonial-container{max-width:900px;margin:0 auto}.testimonial-slider{position:relative;overflow:hidden}.testimonial{text-align:center;padding:40px}.testimonial .quote{font-family:Playfair Display,serif;font-size:28px;font-style:italic;color:var(--secondary-color);line-height:1.6;margin-bottom:40px}.testimonial-author{display:flex;flex-direction:column;align-items:center}.testimonial-author img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:20px;border:3px solid var(--primary-color)}.testimonial-author h4{font-size:18px;color:var(--secondary-color);margin-bottom:5px}.testimonial-author span{font-size:14px;color:#999}.reservation{background:linear-gradient(#1a1a1ae6,#1a1a1ae6),url(https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?w=1920&q=80) center/cover no-repeat;color:var(--text-light)}.reservation .section-header h2{color:var(--text-light)}.reservation-form{max-width:700px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.form-group{position:relative}.form-group.full-width{grid-column:span 2}.form-group input,.form-group select,.form-group textarea{width:100%;padding:18px 20px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;font-size:16px;color:var(--text-light);font-family:inherit;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);background:#ffffff26}.form-group select option{background:var(--secondary-color);color:var(--text-light)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{grid-column:span 2;padding:20px 50px;background:var(--primary-color);color:var(--text-light);border:none;border-radius:8px;font-size:16px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .4s ease}.submit-btn:hover{background:#d4af37;transform:translateY(-3px);box-shadow:0 10px 30px #c9a22766}footer{background:var(--secondary-color);color:var(--text-light);padding:80px 50px 40px}.footer-content{display:grid;grid-template-columns:2fr repeat(2,1fr);gap:60px;margin-bottom:60px}.footer-brand .logo{display:inline-block;margin-bottom:20px}.footer-brand p{font-size:14px;color:#999;line-height:1.8;margin-bottom:30px}.social-links{display:flex;gap:15px}.social-links a{width:45px;height:45px;border:2px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-light);text-decoration:none;font-size:18px;transition:all .3s ease}.social-links a:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-3px)}.footer-section h4{font-family:Playfair Display,serif;font-size:20px;margin-bottom:25px;color:var(--primary-color)}.footer-section ul{list-style:none}.footer-section li{margin-bottom:12px}.footer-section a{color:#999;text-decoration:none;font-size:14px;transition:color .3s ease}.footer-section a:hover{color:var(--primary-color)}.footer-bottom{text-align:center;padding-top:40px;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{font-size:14px;color:#666}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media(max-width:1200px){.category-grid{grid-template-columns:repeat(2,1fr)}.gallery-item{grid-column:span 2;height:250px}}@media(max-width:768px){header{padding:15px 20px}nav ul{display:none}.hero h1{font-size:42px}.hero .subtitle{font-size:18px}section{padding:80px 20px}.section-header h2{font-size:36px}.category-grid,.dishes-grid,.reservation-form{grid-template-columns:1fr}.form-group.full-width,.submit-btn{grid-column:span 1}.footer-content{grid-template-columns:1fr;gap:40px}}