*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#000}.nav-left .logo img{height:60px}.nav-right{display:flex;gap:2rem;align-items:center}.nav-right a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s}.nav-right a:hover{color:#4a90a4}.btn-book{background:#4a90a4;padding:.75rem 1.5rem;border-radius:4px}.btn-book:hover{background:#3a7a94;color:#fff!important}@media(max-width:768px){.navbar{padding:.75rem 1rem}.nav-left .logo img{height:45px}.nav-right{gap:.75rem}.nav-right a{font-size:.85rem}.btn-book{padding:.5rem .75rem}}@media(max-width:480px){.nav-right a:not(.btn-book){display:none}.nav-right .btn-book{display:block}}.home{min-height:100vh}.hero{width:100%;min-height:85vh;background-size:cover;background-position:right top;display:flex;align-items:center;position:relative}.hero-content{position:relative;z-index:1;color:#fff;padding:3rem 4rem;width:50%;text-shadow:0 2px 4px rgba(0,0,0,.8)}.hero-content h1{font-size:3rem;margin-bottom:1rem;line-height:1.1}.hero-content .tagline{font-size:1.2rem;margin-bottom:2rem;color:#ccc;line-height:1.6}.pricing-cards{display:flex;gap:1.5rem;flex-wrap:wrap}.pricing-card{background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:8px;text-align:center;min-width:160px;border:1px solid rgba(255,255,255,.1)}.pricing-card h3{color:#fff;font-size:1.1rem;margin-bottom:.25rem}.pricing-card .duration{color:#888;font-size:.9rem;margin-bottom:.5rem}.pricing-card .price{color:#4a90a4;font-size:2rem;font-weight:700;margin-bottom:1rem}.pricing-card .btn-book{display:inline-block;background:#4a90a4;color:#fff;padding:.6rem 1.2rem;text-decoration:none;border-radius:4px;font-weight:500;font-size:.9rem;transition:background .3s}.pricing-card .btn-book:hover{background:#3a7a94}.sonar-section{padding:4rem 2rem;background:#1a1a1a;display:flex;justify-content:center}.sonar-card{text-align:center;position:relative;border-radius:12px;max-width:900px;overflow:hidden}.sonar-card img{display:block;width:100%;height:auto;transition:opacity .3s}.sonar-card-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;transition:opacity .3s}.sonar-card-overlay:before{content:"";position:absolute;inset:0;background:#000000b3;transition:opacity .3s}.sonar-card:hover .sonar-card-overlay:before{opacity:0}.sonar-card h2{position:relative;color:#4a90a4;font-size:2rem;margin-bottom:1rem;transition:opacity .3s}.sonar-card p{position:relative;color:#ccc;font-size:1.1rem;line-height:1.8;max-width:700px;transition:opacity .3s}.footer{background:#111;padding:2rem;text-align:center}.footer-content{max-width:1200px;margin:0 auto}.social-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem}.social-links a{color:#888;transition:color .3s}.social-links a:hover{color:#4a90a4}.footer p{color:#666;font-size:.9rem}@media(max-width:768px){.hero{min-height:90vh;background-position:70% top}.hero-content{padding:1.5rem;width:100%;background:#0009}.hero-content h1{font-size:2rem}.hero-content .tagline{font-size:1rem;margin-bottom:1.5rem}.pricing-cards{gap:1rem}.pricing-card{padding:1rem;min-width:140px;flex:1}.pricing-card h3{font-size:1rem}.pricing-card .price{font-size:1.5rem}.pricing-card .btn-book{padding:.5rem 1rem;font-size:.85rem}.sonar-section{padding:2rem 1rem}.sonar-card-overlay{padding:1.5rem}.sonar-card h2{font-size:1.5rem}.sonar-card p{font-size:.95rem}}.about{min-height:100vh;background:#1a1a1a}.about-hero{padding:3rem 2rem}.about-content{max-width:1100px;margin:0 auto;display:flex;gap:3rem;align-items:flex-start}.about-text{flex:1}.about-text h1{font-size:2.5rem;margin-bottom:1.5rem;color:#fff}.about-text p{font-size:1.05rem;line-height:1.8;margin-bottom:1.25rem;color:#ccc}.about-image{flex:0 0 350px}.about-image img{width:100%;border-radius:8px}.sonar-training{padding:4rem 2rem;background:#111;text-align:center}.sonar-training h2{color:#4a90a4;font-size:2rem;margin-bottom:1.5rem}.sonar-training p{color:#ccc;font-size:1.1rem;line-height:1.8;max-width:800px;margin:0 auto}@media(max-width:768px){.about-content{flex-direction:column-reverse;gap:2rem}.about-image{flex:none;width:100%;max-width:300px;margin:0 auto}.about-text h1{font-size:1.8rem;text-align:center}.about-text p{font-size:1rem}.sonar-training{padding:2.5rem 1.5rem}.sonar-training h2{font-size:1.5rem}.sonar-training p{font-size:1rem}}.gallery{min-height:100vh;background:#1a1a1a}.gallery-content{max-width:1000px;margin:0 auto;padding:3rem 2rem}.gallery-content h1{font-size:2.5rem;margin-bottom:2rem;color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gallery-item{aspect-ratio:1;overflow:hidden;border-radius:8px}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-item:hover img{transform:scale(1.05)}.placeholder-image{width:100%;height:100%;background:#2a2a2a;display:flex;align-items:center;justify-content:center;color:#555;font-size:1rem}.gallery-note{text-align:center;color:#666;margin-top:2rem;font-style:italic}@media(max-width:768px){.gallery-content{padding:2rem 1rem}.gallery-content h1{font-size:1.8rem}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.book-now{min-height:100vh;background:#1a1a1a}.book-content{max-width:900px;margin:0 auto;padding:3rem 2rem}.book-content h1{font-size:2.5rem;margin-bottom:.5rem;color:#fff}.book-content .intro{font-size:1.1rem;color:#888;margin-bottom:2rem}.booking-layout{display:flex;gap:2rem;align-items:flex-start}.calendar-section{flex:1;background:#222;padding:1.5rem;border-radius:8px}.calendar-section h2{color:#fff;font-size:1.3rem;margin-bottom:1rem;text-align:center}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.calendar-header span{text-align:center;color:#666;font-size:.8rem;padding:.5rem 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.calendar-day{aspect-ratio:1;border:none;background:#2a2a2a;color:#fff;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.calendar-day:hover:not(:disabled){background:#3a3a3a}.calendar-day.selected{background:#4a90a4}.calendar-day.empty{background:transparent;cursor:default}.calendar-day.past{color:#444;cursor:not-allowed}.calendar-day:disabled{cursor:not-allowed}.trip-options{flex:0 0 280px}.trip-option{background:#222;padding:1.25rem;border-radius:8px;margin-bottom:1rem;border:2px solid transparent;transition:border-color .2s}.trip-option.selected{border-color:#4a90a4}.trip-option h3{color:#fff;font-size:1.1rem;margin-bottom:.75rem}.time-slots{display:flex;flex-wrap:wrap;gap:.5rem}.time-slot{background:#2a2a2a;border:none;color:#ccc;padding:.5rem .75rem;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background .2s}.time-slot:hover{background:#3a3a3a}.btn-book-now{width:100%;background:#4a90a4;color:#fff;border:none;padding:1rem;border-radius:4px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .3s;margin-top:.5rem}.btn-book-now:hover:not(:disabled){background:#3a7a94}.btn-book-now:disabled{background:#333;color:#666;cursor:not-allowed}@media(max-width:768px){.book-content{padding:2rem 1rem}.book-content h1{font-size:1.8rem}.booking-layout{flex-direction:column}.calendar-section{width:100%}.trip-options{flex:none;width:100%}.calendar-day{font-size:.8rem}}.app{min-height:100vh}main{min-height:100vh}