/* AZURE YACHTS — styles.css */
html{scroll-behavior:smooth}*{box-sizing:border-box}
.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#c9a84c,#e8d48b);z-index:9999;width:0%;transition:width 0.1s linear}
#navbar{background:rgba(8,24,52,0.0);backdrop-filter:blur(0px);transition:all 0.4s ease}
#navbar.scrolled{background:rgba(8,24,52,0.97);backdrop-filter:blur(16px);box-shadow:0 2px 30px rgba(0,0,0,0.5)}
.btn-primary{background:linear-gradient(135deg,#c9a84c,#e8d48b);color:#081834;font-family:'Cormorant Garamond',serif;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:0.75rem 1.75rem;border-radius:2px;border:none;cursor:pointer;transition:all 0.25s ease;display:inline-block;text-align:center;font-size:0.8rem}
.btn-primary:hover{background:linear-gradient(135deg,#b8973a,#dcc870);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,168,76,0.4)}
.btn-outline{background:transparent;color:#fff;border:1px solid rgba(201,168,76,0.6);font-family:'Cormorant Garamond',serif;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;padding:0.7rem 1.5rem;border-radius:2px;cursor:pointer;transition:all 0.25s ease;display:inline-block;text-align:center;font-size:0.8rem}
.btn-outline:hover{border-color:#c9a84c;color:#c9a84c;background:rgba(201,168,76,0.08)}
.mobile-menu{max-height:0;overflow:hidden;transition:max-height 0.4s ease}
.mobile-menu.open{max-height:600px}
.reveal-section{opacity:0;transform:translateY(32px);transition:opacity 0.9s ease,transform 0.9s ease}
.reveal-section.revealed{opacity:1;transform:translateY(0)}
.yacht-card{transition:all 0.35s ease;border:1px solid rgba(201,168,76,0.15)}
.yacht-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(201,168,76,0.12),0 0 0 1px rgba(201,168,76,0.2)}
.dest-card{transition:all 0.35s ease}
.dest-card:hover .dest-overlay{background:linear-gradient(to top,rgba(8,24,52,0.9) 0%,rgba(8,24,52,0.3) 60%,rgba(8,24,52,0.0) 100%)}
.dest-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,24,52,0.85) 0%,rgba(8,24,52,0.2) 60%,transparent 100%);transition:background 0.35s ease}
.charter-card{transition:all 0.35s ease;border:1px solid #e5e7eb}
.charter-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(201,168,76,0.15)}
.counter{font-variant-numeric:tabular-nums}
.carousel-slide{display:none}.carousel-slide.active{display:block;animation:fadeSlide 0.6s ease}
@keyframes fadeSlide{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
.carousel-dot{width:8px;height:8px;border-radius:50%;background:rgba(201,168,76,0.3);cursor:pointer;border:none;padding:0;transition:all 0.3s}
.carousel-dot.active{background:#c9a84c;width:28px;border-radius:4px}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.45s ease}
.faq-item.open .faq-answer{max-height:400px}
.faq-icon{transition:transform 0.3s ease}
.faq-item.open .faq-icon{transform:rotate(180deg)}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.82);z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease}
.modal-overlay.active{opacity:1;pointer-events:all}
.modal-box{background:#fff;border-radius:4px;padding:2rem;max-width:560px;width:calc(100% - 2rem);max-height:90vh;overflow-y:auto;transform:scale(0.93);transition:transform 0.3s ease;box-shadow:0 30px 80px rgba(0,0,0,0.35)}
.modal-overlay.active .modal-box{transform:scale(1)}
.back-to-top{position:fixed;bottom:2rem;right:2rem;width:3rem;height:3rem;background:linear-gradient(135deg,#c9a84c,#e8d48b);color:#081834;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:50;font-size:1.2rem}
.back-to-top.visible{opacity:1;visibility:visible}
.back-to-top:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(201,168,76,0.4)}
@keyframes heroUp{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}
.hero-text-1{animation:heroUp 1s ease forwards 0.3s;opacity:0}
.hero-text-2{animation:heroUp 1s ease forwards 0.55s;opacity:0}
.hero-text-3{animation:heroUp 1s ease forwards 0.8s;opacity:0}
.hero-text-4{animation:heroUp 1s ease forwards 1.05s;opacity:0}
.lazy-img{filter:blur(8px);transition:filter 0.7s ease}.lazy-img.loaded{filter:blur(0)}
.gold-divider{width:60px;height:2px;background:linear-gradient(90deg,#c9a84c,#e8d48b);display:inline-block}
.stat-item{border-bottom:1px solid rgba(201,168,76,0.15)}
.wave-divider{width:100%;overflow:hidden;line-height:0}
.form-input{background:#f8f7f4;border:1px solid #e2ddd4;color:#1a1208;transition:border 0.2s;border-radius:2px}
.form-input:focus{outline:none;border-color:#c9a84c;background:#fff}
.form-label{color:#4a3f2a;font-size:0.8rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase}
.error-msg{color:#dc2626;font-size:0.75rem;margin-top:4px}
.nav-link.active{color:#c9a84c !important}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#081834}::-webkit-scrollbar-thumb{background:linear-gradient(#c9a84c,#e8d48b);border-radius:4px}