*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.7;color:#1d2939;background:#fff}
a{text-decoration:none;color:inherit}
img{width:100%;display:block}
.container{width:min(1120px,92%);margin:0 auto}
.navbar{position:absolute;top:0;left:0;width:100%;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:24px 4%}
.logo{font-size:1.7rem;font-weight:700;color:#fff;letter-spacing:.5px}
.nav-links{list-style:none;display:flex;gap:26px}
.nav-links a{color:#fff;font-weight:600;position:relative}
.nav-links a.active,.nav-links a:hover{color:#ffd166}
.hero,.page-header{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background-size:cover;background-position:center}
.home-hero{min-height:100vh;background-image:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1600&q=80')}
.small-hero{min-height:52vh}
.about-hero{background-image:url('https://images.unsplash.com/photo-1488646953014-85cb44e25828?auto=format&fit=crop&w=1600&q=80')}
.destinations-hero{background-image:url('https://images.unsplash.com/photo-1476514525535-07fb3b4ae5f1?auto=format&fit=crop&w=1600&q=80')}
.packages-hero{background-image:url('https://images.unsplash.com/photo-1493246507139-91e8fad9978e?auto=format&fit=crop&w=1600&q=80')}
.contact-hero{background-image:url('https://images.unsplash.com/photo-1436491865332-7a61a109cc05?auto=format&fit=crop&w=1600&q=80')}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(rgba(7,23,40,.55),rgba(7,23,40,.7))}
.hero-content{position:relative;z-index:2;width:min(900px,90%);padding-top:60px}
.hero-content.narrow{width:min(700px,88%)}
.hero-content h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.15;margin-bottom:18px}
.hero-content p{font-size:1.05rem;max-width:760px;margin:0 auto 24px}
.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn{padding:14px 28px;border-radius:40px;font-weight:700;display:inline-block;transition:.3s}
.btn.primary{background:#ffd166;color:#132238}
.btn.secondary{border:2px solid #fff;color:#fff}
.btn:hover{transform:translateY(-2px)}
.section{padding:80px 0}
.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.reverse-mobile{grid-template-columns:.9fr 1.1fr}
.section-tag{display:inline-block;color:#0f766e;background:#e6fffb;padding:8px 14px;border-radius:999px;font-size:.85rem;font-weight:700;margin-bottom:14px}
.center{text-align:center;display:block}
h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.2;margin-bottom:16px;color:#0f172a}
p{margin-bottom:14px}
.image-card img,.destination-card img{border-radius:20px;box-shadow:0 12px 32px rgba(15,23,42,.14)}
.stats-section{background:#0f172a;color:#fff;padding:55px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stat-box{background:rgba(255,255,255,.06);padding:26px 18px;border-radius:18px}
.stat-box h3{font-size:2rem;color:#ffd166;margin-bottom:8px}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.service-card,.destination-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(15,23,42,.08);overflow:hidden;padding:28px}
.destination-card{padding:0}
.destination-card .card-content{padding:24px}
.service-card h3,.destination-card h3{margin-bottom:10px;color:#0f172a}
.featured-destination{background:#f8fafc}
.light-bg{background:#f8fafc}
.pricing-card .price{font-size:1.6rem;font-weight:800;color:#0f766e}
.pricing-card.featured{border:2px solid #ffd166;transform:translateY(-6px)}
.contact-grid{align-items:start}
.contact-form{display:grid;gap:16px;background:#fff;padding:28px;border-radius:20px;box-shadow:0 10px 30px rgba(15,23,42,.08)}
.contact-form input,.contact-form textarea{padding:14px 16px;border:1px solid #d0d5dd;border-radius:12px;font:inherit}
.footer{background:#0b1220;color:#e5e7eb;padding:50px 0 30px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.footer h3,.footer h4{color:#fff;margin-bottom:12px}
.footer ul{list-style:none}
.footer li{margin-bottom:10px}
.footer a:hover{color:#ffd166}
@media (max-width:900px){
  .grid-2,.reverse-mobile,.footer-grid,.stats-grid,.card-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  .navbar{position:static;flex-direction:column;gap:16px;background:#0f172a;padding:18px 4%}
  .nav-links{flex-wrap:wrap;justify-content:center;gap:14px}
  .hero-content{padding-top:20px}
  .grid-2,.reverse-mobile,.footer-grid,.stats-grid,.card-grid{grid-template-columns:1fr}
  .section{padding:60px 0}
}
