:root{--primary-color:#8bc0d4;--secondary-color:#f5f5f5;--accent-color:#e57373;--text-color:#333;--light-text:#fff;--font-family:'Open Sans',Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);line-height:1.6;color:var(--text-color);background-color:var(--secondary-color)}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 15px}header{background-color:var(--primary-color);padding:20px 0;box-shadow:0 2px 5px rgba(0,0,0,.1)}.logo{font-size:1.8rem;font-weight:700;color:var(--light-text)}.navbar{display:flex;justify-content:space-between;align-items:center}.nav-menu{display:flex;list-style:none}.nav-item{margin-left:30px}.nav-link{color:var(--light-text);text-decoration:none;font-weight:600;transition:color .3s}.nav-link:hover{color:var(--accent-color)}.hamburger{display:none;cursor:pointer}.hero{background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url('../images/hero-bg.jpg');background-size:cover;background-position:center;height:60vh;display:flex;align-items:center;text-align:center;color:var(--light-text)}.hero-content{max-width:800px;margin:0 auto}.hero h1{font-size:3rem;margin-bottom:20px}.hero p{font-size:1.2rem;margin-bottom:30px}.btn{display:inline-block;padding:12px 30px;background-color:var(--accent-color);color:var(--light-text);text-decoration:none;border-radius:5px;font-weight:600;transition:background-color .3s}.btn:hover{background-color:#d35f5f}.about{padding:80px 0}.section-title{text-align:center;margin-bottom:50px;font-size:2.2rem;color:var(--primary-color)}.about-content{display:flex;align-items:center;gap:50px}.about-image{flex:1;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.1)}.about-image img{width:100%;height:auto;display:block}.about-text{flex:1}.about-text h3{margin-bottom:20px;color:var(--primary-color)}.services{padding:80px 0;background-color:#fff}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.service-card{background-color:var(--secondary-color);border-radius:10px;padding:30px;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:transform .3s}.service-card:hover{transform:translateY(-5px)}.service-card h3{margin-bottom:15px;color:var(--primary-color)}.service-icon{font-size:2.5rem;color:var(--accent-color);margin-bottom:20px}.contact{padding:80px 0}.contact-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:50px}.contact-info{margin-bottom:30px}.contact-info h3{margin-bottom:20px;color:var(--primary-color)}.contact-details{margin-bottom:20px}.contact-details p{margin-bottom:10px}.contact-form .form-group{margin-bottom:20px}.contact-form label{display:block;margin-bottom:5px;font-weight:600}.contact-form input,.contact-form textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-family:var(--font-family)}.contact-form textarea{height:150px;resize:vertical}.booking{padding:80px 0;background-color:#fff}.booking-container{max-width:800px;margin:0 auto}.booking-form .form-group{margin-bottom:20px}.booking-form label{display:block;margin-bottom:5px;font-weight:600}.booking-form input,.booking-form select,.booking-form textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-family:var(--font-family)}.booking-form textarea{height:100px;resize:vertical}footer{background-color:var(--primary-color);color:var(--light-text);padding:40px 0;text-align:center}.footer-content{display:flex;flex-direction:column;align-items:center}.footer-logo{font-size:1.5rem;font-weight:700;margin-bottom:20px}.footer-links{display:flex;list-style:none;margin-bottom:20px}.footer-links li{margin:0 15px}.footer-links a{color:var(--light-text);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--accent-color)}.footer-bottom{margin-top:20px;font-size:.9rem}@media screen and (max-width:768px){.hamburger{display:block}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:var(--primary-color);width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px rgba(0,0,0,.05);z-index:10}.nav-menu.active{left:0}.nav-item{margin:25px 0}.hero h1{font-size:2.2rem}.about-content{flex-direction:column}.about-image,.about-text{flex:none;width:100%}}