:root{ --primary:#0a2540;--accent:#2c6eab;--white:#ffffff;--bg-light:#f9f9f9;--text-dark:#333333;--text-light:#595959;--shadow-soft:0 10px 30px rgba(0,0,0,0.05);--shadow-card:0 10px 30px rgba(0,0,0,0.15);--transition:all 0.3s ease;--font-heading:'Poppins',sans-serif;--font-body:'Open Sans',sans-serif;}*{ margin:0;padding:0;box-sizing:border-box;}html{ scroll-behavior:smooth;}body{ font-family:var(--font-body);color:var(--text-dark);background-color:var(--bg-light);line-height:1.6;overflow-x:hidden;}a{ text-decoration:none;color:inherit;transition:var(--transition);}ul{ list-style:none;}img{ max-width:100%;height:auto;display:block;object-fit:cover;}.container{ max-width:1200px;margin:0 auto;padding:0 20px;}.navbar{ position:fixed;top:0;left:0;width:100%;padding:1rem 0;z-index:1000;background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,0.08);border-bottom:1px solid rgba(0,0,0,0.05);transition:all 0.3s ease;}.nav-container{ display:flex;justify-content:space-between;align-items:center;}.logo{ font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;}.logo img{ height:90px;width:auto;aspect-ratio:250 / 90;transition:transform 0.3s ease;}.logo:hover img{ transform:scale(1.05);}.nav-links{ display:flex;gap:3rem;align-items:center;}.nav-links li a{ color:var(--primary);font-weight:600;font-size:0.95rem;position:relative;padding:5px 0;transition:color 0.3s ease;}.nav-links li a:not(.btn-header)::after{ content:'';position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--accent);transition:width 0.3s ease;}.nav-links li a:hover,.nav-links li a.active{ color:var(--accent);}.nav-links li a:not(.btn-header):hover::after,.nav-links li a:not(.btn-header).active::after{ width:100%;}.btn-header{ background-color:var(--accent);color:var(--white);padding:10px 35px;min-width:180px;text-align:center;border-radius:4px;font-weight:600;font-size:0.9rem;display:inline-block;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:all 0.3s ease;white-space:nowrap;}.btn-header:hover{ background-color:#2a6291;color:var(--white) !important;transform:translateY(-2px);box-shadow:0 6px 12px rgba(61,135,200,0.3);}.nav-links li a.btn-header{ color:var(--white);}.hamburger{ display:none;font-size:1.5rem;color:var(--primary);cursor:pointer;}.hero-section{ position:relative;width:100%;height:100vh;background-image:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.6)),url('../images/Wave Signage.webp');background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:space-between;padding:0 10%;margin-top:60px;}.hero-content{ max-width:600px;color:var(--white);text-shadow:0 2px 4px rgba(0,0,0,0.5);z-index:2;}.hero-content h1{ font-family:var(--font-heading);font-size:3.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2;}.hero-content .hero-subtitle{ font-family:var(--font-body);font-size:1.5rem;font-weight:400;margin-bottom:2rem;opacity:0.9;}.hero-subpage{ position:relative;width:100%;height:60vh;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--white);margin-top:60px;}.hero-subpage::before{ content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1;}.hero-subpage h1{ position:relative;z-index:2;font-family:var(--font-heading);font-size:3.5rem;text-shadow:0 2px 4px rgba(0,0,0,0.3);}.booking-card{ background:var(--white);width:100%;max-width:400px;padding:2.5rem 2rem;border-radius:8px;box-shadow:var(--shadow-card);text-align:center;position:relative;z-index:2;}.booking-card h3{ font-family:var(--font-heading);font-size:1.5rem;color:var(--primary);margin-bottom:1.5rem;font-weight:700;text-align:left;}.booking-form{ display:flex;flex-direction:column;gap:1rem;}.form-field,.contact-form input,.contact-form select,.contact-form textarea{ width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:4px;font-family:var(--font-body);font-size:0.95rem;color:var(--text-dark);background-color:#f8f9fa;outline:none;transition:var(--transition);}.form-field:focus,.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{ border-color:var(--primary);background-color:var(--white);}select.form-field,.contact-form select{ appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:1em;}.btn-check{ margin-top:0.5rem;width:100%;padding:14px;background-color:var(--accent);color:var(--white);font-weight:700;text-transform:uppercase;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:var(--transition);font-family:var(--font-heading);}.btn-check:hover{ background-color:#2a6291;}.widget-footer{ margin-top:1.5rem;font-size:0.85rem;color:var(--text-light);}.section{ padding:5rem 0;}.section-title{ text-align:center;font-family:var(--font-heading);font-size:2.5rem;color:var(--primary);margin-bottom:3rem;}.btn{ display:inline-block;padding:12px 30px;border-radius:4px;font-weight:600;text-align:center;cursor:pointer;border:none;transition:var(--transition);font-family:var(--font-heading);font-size:1rem;}.btn-primary{ background-color:var(--accent);color:var(--white);}.btn-primary:hover{ background-color:#2a6291;color:var(--white);}.btn-outline{ display:inline-block;padding:10px 25px;border:2px solid var(--accent);color:var(--accent);font-weight:600;border-radius:4px;transition:var(--transition);}.btn-outline:hover{ background-color:var(--accent);color:var(--white);}.full-width{ width:100%;}.grid-3{ display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}.grid-2{ display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;}.vertical-card{ background:var(--white);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-soft);transition:var(--transition);text-align:center;display:flex;flex-direction:column;}.vertical-card:hover{ transform:translateY(-10px);box-shadow:var(--shadow-card);}.card-img{ height:250px;overflow:hidden;}.card-img img{ width:100%;height:100%;transition:transform 0.5s ease;}.vertical-card:hover .card-img img{ transform:scale(1.1);}.card-body{ padding:2rem;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;}.card-body h3{ font-family:var(--font-heading);color:var(--primary);margin-bottom:1rem;font-size:1.4rem;}.card-body p{ color:var(--text-light);margin-bottom:1.5rem;}.card-link{ color:#1a558c;font-weight:700;display:inline-block;border:2px solid #1a558c;padding:8px 20px;border-radius:4px;transition:var(--transition);align-self:center;}.card-link:hover{ background-color:#1a558c;color:var(--white);}.features-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center;margin-top:2rem;}.feature-box{ padding:2rem;background:var(--white);border-radius:8px;box-shadow:var(--shadow-soft);}.feature-box i{ font-size:2.5rem;color:var(--accent);margin-bottom:1rem;}.feature-box img{ width:100%;height:200px;object-fit:cover;border-radius:4px;margin-bottom:1rem;}.feature-box h4{ font-family:var(--font-heading);color:var(--primary);margin-bottom:0.5rem;font-size:1.2rem;}.events-grid{ display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center;}.event-card{ background:var(--white);padding:1.5rem;border-radius:8px;box-shadow:var(--shadow-soft);}.event-card i{ font-size:2rem;color:var(--primary);margin-bottom:1rem;}.pricing-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1000px;margin:0 auto;}.pricing-card{ background:var(--white);border:1px solid #e0e0e0;border-radius:8px;padding:2.5rem;text-align:center;transition:var(--transition);}.pricing-card:hover{ transform:translateY(-5px);box-shadow:var(--shadow-card);border-color:var(--accent);}.pricing-card h3{ font-family:var(--font-heading);color:var(--primary);font-size:1.5rem;margin-bottom:1rem;}.pricing-card .price{ font-size:2.5rem;color:var(--accent);font-weight:700;margin-bottom:1.5rem;}.pricing-card ul{ text-align:left;margin-bottom:2rem;}.pricing-card ul li{ margin-bottom:0.8rem;position:relative;padding-left:1.5rem;}.pricing-card ul li::before{ content:'\2713';color:var(--accent);position:absolute;left:0;font-weight:bold;}.menu-teaser{ display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;background:var(--white);padding:3rem;border-radius:8px;box-shadow:var(--shadow-soft);}.menu-list h3{ color:var(--accent);font-family:var(--font-heading);margin-bottom:1.5rem;}.menu-list ul li{ margin-bottom:1rem;font-size:1.1rem;border-bottom:1px solid #eee;padding-bottom:0.5rem;}.inquiry-section{ background-color:var(--primary);color:var(--white);text-align:center;padding:4rem 0;}.inquiry-btn{ background-color:var(--white);color:var(--primary);padding:12px 30px;border-radius:4px;font-weight:700;display:inline-block;margin-top:1.5rem;}.inquiry-btn:hover{ background-color:var(--accent);color:var(--white);}.footer{ background-color:var(--primary);color:var(--white);padding:4rem 0 1rem;}.footer-container{ display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;}.footer-col h3{ font-family:var(--font-heading);font-size:1.5rem;margin-bottom:1rem;}.footer-col h4{ font-family:var(--font-heading);font-size:1.1rem;margin-bottom:1.5rem;color:#8bbce8;}.footer-col ul li{ margin-bottom:1rem;}.footer-col a:hover{ color:var(--accent);}.footer-bottom{ text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1);font-size:0.85rem;opacity:0.7;}@media (max-width:1024px){ .grid-3,.grid-2,.features-grid,.pricing-grid{ grid-template-columns:repeat(2,1fr);}.events-grid{ grid-template-columns:repeat(2,1fr);}}.mobile-map-icon{ display:none;font-size:1.5rem;color:var(--primary);}@media (max-width:768px){ .mobile-map-icon{ display:block;}.mobile-map-icon a{ color:var(--primary);font-size:1.5rem;}.hamburger{ display:block;}.nav-container{ justify-content:space-between;position:relative;}.nav-links,.btn-header{ display:none;}.nav-links.active{ display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:var(--white);padding:2rem;box-shadow:var(--shadow-card);text-align:left;}.btn-header-container{ display:none;}.logo img{ height:60px;}.hero-section{ flex-direction:column;justify-content:center;padding:2rem 1rem;height:auto;min-height:100vh;margin-top:95px;padding-top:2rem;background-position:center center;}.hero-content{ text-align:center;margin-bottom:2rem;width:100%;}.hero-content h1{ font-size:2.5rem;}.hero-content .hero-subtitle{ font-size:1.2rem;}.grid-3,.grid-2,.features-grid,.pricing-grid,.menu-teaser,.footer-container{ grid-template-columns:1fr;}.booking-card{ margin-top:2rem;}.hero-subpage h1{ font-size:2.5rem;}}.venue-specs{ margin-top:1rem;padding-top:1rem;border-top:1px solid #eee;}.venue-specs li{ display:flex;align-items:center;gap:10px;margin-bottom:0.5rem;color:var(--text-dark);font-size:0.9rem;}.venue-specs li i{ color:var(--accent);width:20px;text-align:center;}.gallery-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}.gallery-grid img{ width:100%;height:250px;object-fit:cover;border-radius:8px;transition:transform 0.3s ease;cursor:pointer;box-shadow:var(--shadow-soft);}.gallery-grid img:hover{ transform:scale(1.03);box-shadow:var(--shadow-card);}.testimonial-card{ background:var(--bg-light);padding:2.5rem;border-radius:8px;text-align:center;position:relative;box-shadow:var(--shadow-soft);border:1px solid transparent;transition:var(--transition);}.testimonial-card:hover{ background:var(--white);border-color:var(--accent);transform:translateY(-5px);}.testimonial-card i{ font-size:2rem;color:var(--accent);opacity:0.3;margin-bottom:1.5rem;}.testimonial-card p{ font-style:italic;margin-bottom:1.5rem;color:var(--text-dark);}.testimonial-card h4{ color:var(--primary);font-family:var(--font-heading);font-size:1rem;font-weight:600;}@media (max-width:768px){ .gallery-grid{ grid-template-columns:repeat(2,1fr);}}@media (max-width:480px){ .gallery-grid{ grid-template-columns:1fr;}}.menu-actions{ display:flex;align-items:center;gap:1.5rem;}.desktop-qr{ text-align:center;}.mobile-menu-btn{ display:inline-flex;align-items:center;gap:8px;}@media (max-width:768px){ .desktop-qr{ display:none;}.mobile-menu-btn{ background-color:var(--accent);color:var(--white);padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:600;transition:var(--transition);}.mobile-menu-btn:hover{ background-color:#2a6291;color:var(--white);}}.split-section{ padding:5rem 0;overflow:hidden;}.split-container{ display:flex;align-items:center;gap:4rem;}.split-text{ flex:1;}.split-text h2{ font-family:var(--font-heading);font-size:2.5rem;color:var(--primary);margin-bottom:1.5rem;}.split-text p{ margin-bottom:1.5rem;font-size:1.05rem;color:var(--text-light);}.split-image{ flex:1;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-soft);}.split-image img{ width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}.split-image:hover img{ transform:scale(1.05);}.split-section.reverse .split-container{ flex-direction:row-reverse;}.feature-list li{ margin-bottom:0.8rem;font-size:1.05rem;display:flex;align-items:center;gap:10px;}.feature-list li i{ color:var(--accent);font-size:1.2rem;}@media (max-width:960px){ .split-container,.split-section.reverse .split-container{ flex-direction:column;gap:2rem;}.split-image{ width:100%;height:300px;}}.mobile-only{ display:none;}@media (max-width:768px){ .mobile-only{ display:inline-block;margin-left:10px;transition:transform 0.3s ease;}.footer-col.mobile-accordion{ border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:1rem;margin-bottom:1rem;}.footer-header{ cursor:pointer;display:flex;justify-content:space-between;align-items:center;}.footer-header h4{ margin-bottom:0;display:flex;align-items:center;width:100%;justify-content:space-between;}.footer-list{ max-height:0;overflow:hidden;transition:max-height 0.3s ease-out;}.footer-col.active .footer-list{ max-height:200px;margin-top:1rem;transition:max-height 0.3s ease-in;}.footer-col.active .mobile-only{ transform:rotate(180deg);}}@media (max-width:768px){ .section,.split-section{ padding:3rem 0;}.section-title{ font-size:2rem;margin-bottom:2rem;}.split-text h2{ font-size:2rem;}.hero-section{ min-height:auto;padding-top:100px;padding-bottom:3rem;align-items:center;background-position:center top;}.hero-subpage{ height:40vh;margin-top:95px;padding-top:0;}.hero-subpage h1{ font-size:2.2rem;}.booking-card{ margin:0 auto;padding:1.5rem;max-width:100%;width:90%;}.booking-card h3{ font-size:1.3rem;text-align:center;}.events-grid{ grid-template-columns:1fr;max-width:400px;margin:0 auto;}.grid-3,.features-grid,.pricing-grid{ justify-items:center;}.vertical-card,.feature-box,.pricing-card,.event-card{ width:100%;max-width:400px;}.form-field,input,select,textarea{ font-size:16px !important;}}@media (max-width:480px){ .section-title{ font-size:1.8rem;}.hero-subpage h1{ font-size:1.8rem;}.footer-col h3{ font-size:1.3rem;}}.contact-page-section{ padding:5rem 0;background-color:var(--white);}.contact-container{ display:grid;grid-template-columns:1fr 1fr;gap:4rem;}.contact-info h2,.contact-form-wrapper h2{ font-family:var(--font-heading);color:var(--primary);margin-bottom:1rem;font-size:2rem;}.contact-desc{ color:var(--text-light);margin-bottom:2rem;}.info-item{ display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;}.info-item i{ font-size:1.5rem;color:var(--accent);margin-top:5px;}.info-item h4{ font-family:var(--font-heading);color:var(--primary);margin-bottom:0.2rem;font-size:1.1rem;}.info-item p{ color:var(--text-light);font-size:0.95rem;}.contact-social{ display:flex;gap:1rem;margin-bottom:2rem;}.contact-social a{ display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--bg-light);color:var(--primary);border-radius:50%;transition:var(--transition);}.contact-social a:hover{ background-color:var(--accent);color:var(--white);}.map-wrapper{ width:100%;height:300px;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-soft);margin-top:2rem;}.contact-form-wrapper{ background:var(--bg-light);padding:3rem;border-radius:8px;box-shadow:var(--shadow-soft);}.contact-form .form-group{ margin-bottom:1.5rem;}.contact-form label{ display:block;margin-bottom:0.5rem;font-weight:600;color:var(--primary);font-size:0.9rem;}@media (max-width:900px){ .contact-page-section{ padding:3rem 0;}.contact-container{ grid-template-columns:1fr;gap:3rem;}.contact-form-wrapper{ padding:2rem;}.map-wrapper{ height:250px;}.info-item p{ word-break:break-word;}}@media (max-width:480px){ .contact-form-wrapper{ padding:1.5rem;}.contact-info h2,.contact-form-wrapper h2{ font-size:1.5rem;}}.social-section{ background-color:var(--white);padding:5rem 0;}.insta-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}.insta-item{ position:relative;display:block;overflow:hidden;padding-bottom:100%;border-radius:4px;}.insta-item img{ position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}.insta-item:hover img{ transform:scale(1.1);}.fb-page-container{ background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-soft);display:flex;justify-content:center;padding:1rem;}.whatsapp-float{ position:fixed;bottom:30px;right:30px;background-color:#25d366;color:white;width:60px;height:60px;border-radius:50%;text-align:center;font-size:35px;box-shadow:2px 2px 3px #999;z-index:1000;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;}.chat-popup{ position:fixed;bottom:100px;right:30px;background:white;padding:15px 20px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:999;opacity:0;visibility:hidden;transform:translateY(20px);transition:all 0.3s ease;max-width:250px;}.chat-popup.show{ opacity:1;visibility:visible;transform:translateY(0);}.chat-popup::after{ content:'';position:absolute;bottom:-10px;right:25px;border-width:10px 10px 0;border-style:solid;border-color:white transparent transparent transparent;}.chat-popup-text{ color:var(--text-dark);font-size:0.9rem;font-weight:500;margin-right:15px;}.chat-popup-close{ position:absolute;top:5px;right:8px;cursor:pointer;color:#999;font-size:0.8rem;transition:color 0.3s;}.chat-popup-close:hover{ color:#333;}@keyframes pulse-pop{ 0%{ transform:scale(1);box-shadow:0 0 0 0 rgba(37,211,102,0.7);}70%{ transform:scale(1.1);box-shadow:0 0 0 10px rgba(37,211,102,0);}100%{ transform:scale(1);box-shadow:0 0 0 0 rgba(37,211,102,0);}}.whatsapp-float.pop-active{ animation:pulse-pop 2s infinite;}.whatsapp-float:hover{ background-color:#128c7e;transform:scale(1.1);color:white;animation:none;}@media (max-width:768px){ .whatsapp-float{ bottom:20px;right:20px;width:50px;height:50px;font-size:30px;}}.booking-section{ padding:5rem 0 8rem;background-color:var(--bg-light);}.booking-form-container{ max-width:700px;margin:0 auto;background:var(--white);padding:3rem;border-radius:12px;box-shadow:var(--shadow-card);position:relative;overflow:hidden;}.booking-form-container::before{ content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:var(--accent);}.booking-form-container .section-title{ margin-bottom:2rem;font-size:2rem;}.event-form .form-group{ margin-bottom:1.5rem;}.event-form label{ display:block;margin-bottom:0.5rem;font-weight:600;color:var(--primary);font-size:0.95rem;}.form-row{ display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}@media (max-width:600px){ .form-row{ grid-template-columns:1fr;}.booking-form-container{ padding:2rem 1.5rem;}}