:root{
  --navy:#081b2d;
  --navy-2:#102b43;
  --gold:#d9ad63;
  --gold-light:#f1d39a;
  --cream:#f7f3eb;
  --text:#263746;
  --muted:#71808d;
  --white:#fff;
  --shadow:0 20px 60px rgba(8,27,45,.12);
}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:#fff;overflow-x:hidden}
a{text-decoration:none}
.navbar{transition:.35s ease;padding:22px 0}
.navbar.scrolled{background:rgba(8,27,45,.96)!important;backdrop-filter:blur(12px);padding:12px 0;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.navbar-brand{font-weight:800;letter-spacing:.08em;color:#fff!important}
.navbar-brand span{color:var(--gold)}
.nav-link{color:rgba(255,255,255,.9)!important;font-weight:600;margin:0 7px}
.nav-link:hover{color:var(--gold-light)!important}
.hero{min-height:94vh;display:flex;align-items:center;position:relative;background:
linear-gradient(90deg,rgba(4,17,29,.88),rgba(4,17,29,.5),rgba(4,17,29,.2)),
url("../images/dubai-banner.avif") center/cover}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,#fff);pointer-events:none}
.hero-content{position:relative;z-index:2;color:#fff;padding-top:70px}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;font-weight:800;color:var(--gold-light)}
.hero h1{font-size:clamp(3rem,7vw,6.2rem);line-height:.98;font-weight:800;max-width:900px}
.hero p{font-size:1.18rem;line-height:1.8;max-width:690px;color:rgba(255,255,255,.86)}
.btn-gold{background:var(--gold);color:var(--navy);font-weight:800;border:1px solid var(--gold);padding:14px 25px;border-radius:999px}
.btn-gold:hover{background:var(--gold-light);color:var(--navy)}
.btn-outline-light{border-radius:999px;padding:14px 25px;font-weight:700}
.section{padding:100px 0}
.section-soft{background:var(--cream)}
.section-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;color:var(--navy);letter-spacing:-.03em}
.section-lead{color:var(--muted);font-size:1.05rem;line-height:1.8}
.destination-card,.experience-card,.blog-card{border:0;border-radius:26px;overflow:hidden;background:#fff;box-shadow:var(--shadow);height:100%;transition:.35s}
.destination-card:hover,.experience-card:hover,.blog-card:hover{transform:translateY(-9px);box-shadow:0 28px 70px rgba(8,27,45,.18)}
.destination-img{height:300px;object-fit:cover;width:100%}
.card-body{padding:28px}
.card-title{font-weight:800;color:var(--navy)}
.card-text{color:var(--muted);line-height:1.75}
.icon-box{width:58px;height:58px;border-radius:18px;background:rgba(217,173,99,.16);color:var(--gold);display:grid;place-items:center;font-size:1.35rem;margin-bottom:20px}
.stats{background:var(--navy);color:#fff}
.stat-number{font-size:2.8rem;font-weight:800;color:var(--gold-light)}
.stat-label{color:rgba(255,255,255,.7)}
.cta{position:relative;background:linear-gradient(100deg,var(--navy),var(--navy-2));color:#fff;overflow:hidden}
.cta:before{content:"";position:absolute;width:450px;height:450px;border:1px solid rgba(217,173,99,.25);border-radius:50%;right:-130px;top:-180px}
.page-hero{padding:170px 0 100px;background:linear-gradient(90deg,rgba(8,27,45,.9),rgba(8,27,45,.45)),url("../images/dubai.avif") center/cover;color:#fff}
.page-hero h1{font-size:clamp(2.8rem,6vw,5rem);font-weight:800}
.breadcrumb-item,.breadcrumb-item a{color:rgba(255,255,255,.75)}
.breadcrumb-item.active{color:#fff}
.article-content{max-width:900px}
.article-content h2{color:var(--navy);font-weight:800;margin-top:45px}
.article-content p,.article-content li{line-height:1.9;color:#51616f;font-size:1.05rem}
.article-cover{width:100%;max-height:560px;object-fit:cover;border-radius:28px}
footer{background:#061522;color:rgba(255,255,255,.7);padding:70px 0 30px}
footer a{color:rgba(255,255,255,.72)}
footer a:hover{color:var(--gold-light)}
.footer-title{color:#fff;font-weight:800}
.floating-actions{position:fixed;right:22px;bottom:22px;z-index:1000;display:flex;flex-direction:column;gap:10px}
.float-btn{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.22);font-weight:800}
.call-btn{background:#0c8b5a}.wa-btn{background:#25d366}
.mobile-actions{display:none}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}
.reveal.show{opacity:1;transform:none}
@media(max-width:991.98px){
 .navbar{background:rgba(8,27,45,.96);padding:14px 0}
 .hero{min-height:88vh}
 .hero h1{font-size:clamp(2.8rem,12vw,4.5rem)}
 .section{padding:75px 0}
}
@media(max-width:575.98px){
 .floating-actions{display:none}
 .mobile-actions{position:fixed;display:flex;left:0;right:0;bottom:0;z-index:1000;background:#fff;box-shadow:0 -10px 30px rgba(0,0,0,.12)}
 .mobile-actions a{flex:1;padding:15px;text-align:center;font-weight:800}
 .mobile-call{background:var(--navy);color:#fff}.mobile-wa{background:#25d366;color:#fff}
 body{padding-bottom:58px}
}