*{margin:0;padding:0;box-sizing:border-box}:root{--primary-green: #495E57;--primary-yellow: #F4CE14;--secondary-orange: #EE9972;--secondary-pink: #FBDABB;--highlight-dark: #333333;--highlight-light: #EDEFEE;--white: #FFFFFF;--font-primary: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-secondary: Georgia, "Times New Roman", serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--max-width: 1200px}body{font-family:var(--font-primary);line-height:1.6;color:var(--highlight-dark);background-color:var(--white);margin:0;padding:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-sm)}header{background-color:var(--white);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}nav{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);max-width:var(--max-width);margin:0 auto}nav img{height:50px;width:auto}nav ul{display:flex;list-style:none;gap:var(--spacing-md);margin:0;padding:0}nav ul li a{text-decoration:none;color:var(--primary-green);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:4px;transition:all .3s ease}nav ul li a:hover{background-color:var(--primary-yellow);color:var(--primary-green)}@media (max-width: 768px){nav{flex-direction:column;gap:var(--spacing-sm)}nav ul{flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}nav ul li a{font-size:.9rem;padding:var(--spacing-xs)}}#hero{background-color:var(--primary-green);color:var(--white);padding:var(--spacing-xxl) var(--spacing-md);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;max-width:var(--max-width);margin:0 auto}#hero h1{font-family:var(--font-secondary);font-size:clamp(2rem,5vw,4rem);color:var(--primary-yellow);margin-bottom:var(--spacing-xs)}#hero>p:first-of-type{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md)}#hero>p:nth-of-type(2){margin-bottom:var(--spacing-lg);line-height:1.8}#hero button{background-color:var(--primary-yellow);color:var(--primary-green);border:none;padding:var(--spacing-md) var(--spacing-lg);font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-bottom:var(--spacing-md)}#hero button:hover{background-color:var(--secondary-orange);transform:translateY(-2px)}#hero img{width:100%;height:300px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #0000004d}@media (max-width: 768px){#hero{grid-template-columns:1fr;text-align:center;padding:var(--spacing-lg) var(--spacing-md)}#hero img{height:250px}}#highlights{padding:var(--spacing-xxl) var(--spacing-md);max-width:var(--max-width);margin:0 auto}#highlights h2{font-family:var(--font-secondary);font-size:2.5rem;text-align:center;margin-bottom:var(--spacing-xl);color:var(--primary-green)}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}#highlights article{background-color:var(--highlight-light);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000001a;transition:transform .3s ease,box-shadow .3s ease}#highlights article:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}#highlights article img{width:100%;height:200px;object-fit:cover}.article-content{padding:var(--spacing-md)}#highlights article h3{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--primary-green)}#highlights article p{margin-bottom:var(--spacing-md);color:var(--highlight-dark)}#highlights article a{display:inline-block;background-color:var(--primary-yellow);color:var(--primary-green);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:6px;font-weight:600;transition:all .3s ease}#highlights article a:hover{background-color:var(--secondary-orange)}#highlights>button{display:block;margin:0 auto;background-color:var(--primary-green);color:var(--white);border:none;padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}#highlights>button:hover{background-color:var(--highlight-dark);transform:translateY(-2px)}#testimonial{background-color:var(--primary-green);color:var(--white);padding:var(--spacing-xxl) var(--spacing-md)}#testimonial h2{font-family:var(--font-secondary);font-size:2.5rem;text-align:center;margin-bottom:var(--spacing-xl);color:var(--primary-yellow)}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);max-width:var(--max-width);margin:0 auto}#testimonial article{background-color:var(--white);color:var(--highlight-dark);padding:var(--spacing-lg);border-radius:12px;text-align:center;box-shadow:0 4px 16px #0000001a;transition:transform .3s ease}#testimonial article:hover{transform:translateY(-4px)}#testimonial article img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:var(--spacing-md) auto;border:3px solid var(--primary-yellow);display:block}.stars{font-size:1.2rem;margin-bottom:var(--spacing-md)}#testimonial article p:last-of-type{font-style:italic;line-height:1.6;margin-top:var(--spacing-md)}#about{padding:var(--spacing-xxl) var(--spacing-md);max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}#about h2{font-family:var(--font-secondary);font-size:2.5rem;margin-bottom:var(--spacing-lg);color:var(--primary-green);grid-column:1 / -1;text-align:center}.about-content{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}#about p{font-size:1.1rem;line-height:1.8;color:var(--highlight-dark)}.about-images{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}#about img{width:100%;height:200px;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px #0000001a}@media (max-width: 768px){.about-content,.about-images{grid-template-columns:1fr}}footer{background-color:var(--highlight-dark);color:var(--white);padding:var(--spacing-xxl) var(--spacing-md) var(--spacing-lg)}.footer-content{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}footer section h3{font-size:1.3rem;margin-bottom:var(--spacing-md);color:var(--primary-yellow)}footer img{height:60px;width:auto;margin-bottom:var(--spacing-md)}footer ul{list-style:none}footer ul li{margin-bottom:var(--spacing-xs)}footer ul li a{color:var(--white);text-decoration:none;transition:color .3s ease}footer ul li a:hover{color:var(--primary-yellow)}footer p{margin-bottom:var(--spacing-xs)}.booking-form-container{display:flex;justify-content:center;align-items:flex-start;min-height:60vh;background:var(--highlight-light);padding:var(--spacing-lg) 0}.booking-form{background:var(--white);border-radius:16px;box-shadow:0 4px 24px #495e5714;padding:var(--spacing-xl);max-width:400px;width:100%;display:grid;gap:var(--spacing-md)}.booking-form label{font-weight:600;color:var(--primary-green);margin-bottom:.25rem}.booking-form input[type=date],.booking-form input[type=number],.booking-form select{padding:.75rem;border-radius:8px;border:1px solid var(--primary-green);font-size:1rem;background:var(--highlight-light);color:var(--highlight-dark);margin-bottom:.5rem;transition:border-color .2s}.booking-form input[type=date]:focus,.booking-form input[type=number]:focus,.booking-form select:focus{border-color:var(--primary-yellow);outline:none}.booking-form input[type=submit]{background:var(--primary-yellow);color:var(--primary-green);font-weight:700;border:none;border-radius:8px;padding:.9rem;font-size:1.1rem;cursor:pointer;transition:background .2s,color .2s}.booking-form input[type=submit]:hover{background:var(--primary-green);color:var(--white)}@media (max-width: 600px){.booking-form{padding:var(--spacing-md);max-width:100%}}@media (max-width: 480px){:root{--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 2.5rem}.container{padding:0 var(--spacing-xs)}.highlights-grid,.testimonial-grid{grid-template-columns:1fr}#hero{padding:var(--spacing-lg) var(--spacing-sm)}}.reservation-popup{position:fixed;top:30px;left:50%;transform:translate(-50%);background:var(--primary-yellow);color:var(--primary-green);padding:1.5rem 2.5rem;border-radius:16px;box-shadow:0 8px 32px #495e572e;display:flex;align-items:center;gap:1.2rem;z-index:9999;animation:popupFadeIn .5s;font-size:1.1rem}.popup-icon{font-size:2.5rem;animation:popupBounce 1s infinite alternate}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes popupBounce{0%{transform:scale(1)}to{transform:scale(1.15)}}.text-center{text-align:center}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.booking-confirmation{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;background-color:var(--highlight-light);padding:var(--spacing-lg)}.booking-confirmation h1{color:var(--primary-green);font-family:var(--font-secondary);font-size:2.5rem;margin-bottom:var(--spacing-md)}.booking-confirmation p{font-size:1.2rem;color:var(--highlight-dark);margin-bottom:var(--spacing-xl)}.btn-primary{background-color:var(--primary-yellow);color:var(--primary-green);border:none;padding:var(--spacing-md) var(--spacing-lg);font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;text-decoration:none;transition:all .3s ease}.btn-primary:hover{background-color:var(--secondary-orange);transform:translateY(-2px)}