* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Quicksand', sans-serif; background-color: #fff9f7; color: #5a4a4a; scroll-behavior: smooth; } :root { --gold: #d4af92; } .container { max-width: 1200px; margin: auto; padding: 0 20px; } header { background: white; padding: 16px 0; box-shadow: 0 4px 20px rgba(0,0,0,0.05); } nav { display: flex; justify-content: space-between; align-items: center; } .logo span { font-weight: 600; } .nav-links { display: flex; gap: 30px; list-style: none; } .nav-links a { text-decoration: none; color: #7a6a5c; } .btn-gold { background-color: var(--gold); color: white; padding: 12px 25px; border-radius: 30px; text-decoration: none; display: inline-block; margin-top: 20px; transition: 0.3s; } .btn-gold:hover { background-color: #c49b81; } .banner { padding: 80px 0; background: linear-gradient(145deg, #fff5f0 0%, #ffeae5 100%); } .banner-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .banner-text h1 { font-size: 2.5rem; margin-bottom: 20px; } .banner-image i { font-size: 8rem; color: var(--gold); } footer { text-align: center; padding: 30px; background: #fff1eb; margin-top: 40px; } AOS.init({ duration: 800, once: false }); const mobileMenu = document.getElementById('mobile-menu'); const navLinks = document.getElementById('nav-links'); mobileMenu.addEventListener('click', () => { navLinks.classList.toggle('active'); });