@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Manrope:wght@500;600;700;800&display=swap');

:root{--bg:#f5fbff;--surface:rgba(255,255,255,.78);--surface-solid:#fff;--text:#0d2b3e;--muted:#5e7686;--line:rgba(13,43,62,.13);--brand:#2879b8;--aqua:#43cdc8;--sun:#f7cf63;--deep:#082437;--shadow:0 24px 80px rgba(14,63,94,.16);--radius:28px;--nav-h:78px}
[data-theme="dark"]{--bg:#061722;--surface:rgba(10,33,47,.82);--surface-solid:#0c2637;--text:#eefaff;--muted:#9eb6c4;--line:rgba(255,255,255,.12);--brand:#4da4e0;--aqua:#4ee3d8;--sun:#ffd867;--deep:#031019;--shadow:0 26px 90px rgba(0,0,0,.4)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Cairo,sans-serif;overflow-x:hidden;transition:.35s background,.35s color}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 38px));margin-inline:auto}.section{padding:100px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:9px 14px;border:1px solid var(--line);background:var(--surface);backdrop-filter:blur(16px);border-radius:999px;color:var(--brand);font-weight:800;font-size:.85rem}.section-title{font-size:clamp(2rem,5vw,4.3rem);line-height:1.06;margin:18px 0 20px;letter-spacing:-.04em}.section-copy{max-width:720px;color:var(--muted);font-size:1.05rem;line-height:2}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 21px;border-radius:999px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:.25s transform,.25s box-shadow,.25s background}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--aqua));color:#fff;box-shadow:0 14px 34px rgba(40,121,184,.3)}.btn-ghost{border-color:var(--line);background:var(--surface);backdrop-filter:blur(14px)}

.scroll-progress{position:fixed;z-index:1000;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--aqua),var(--sun),var(--brand))}.nav{height:var(--nav-h);position:fixed;z-index:900;top:12px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 22px));border:1px solid transparent;border-radius:24px;transition:.3s}.nav.scrolled{background:var(--surface);border-color:var(--line);backdrop-filter:blur(22px);box-shadow:0 14px 45px rgba(0,0,0,.12)}.nav-inner{height:100%;display:flex;align-items:center;gap:24px;padding:0 18px}.logo img{width:126px;height:54px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:8px;margin-inline:auto}.nav-links a{padding:11px 14px;border-radius:14px;color:var(--muted);font-weight:700;transition:.25s}.nav-links a:hover,.nav-links a.active{color:var(--text);background:var(--surface-solid)}.nav-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer}.menu-btn{display:none}

.hero{min-height:100svh;position:relative;display:grid;place-items:center;padding-top:110px;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(75,212,208,.18),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.1),transparent)}.hero::after{content:"";position:absolute;inset:auto -20% -35% -20%;height:62%;background:radial-gradient(ellipse,rgba(42,139,193,.22),transparent 65%);filter:blur(20px)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.hero-copy h1{font-size:clamp(3rem,5.15vw,5.35rem);line-height:1.18;margin:18px 0 25px;letter-spacing:0;max-width:650px;text-wrap:initial}.hero-copy h1 .hero-line{display:block;white-space:nowrap;overflow:visible;padding-block:.04em}.hero-copy h1 .hero-line-main{color:var(--text)}.hero-copy h1 .hero-line-small{font-size:.82em;margin-top:-.08em}.hero-copy h1 .hero-line-accent{color:transparent;background:linear-gradient(135deg,var(--brand),var(--aqua) 55%,var(--sun));-webkit-background-clip:text;background-clip:text}.hero-copy h1 .hero-line-last{margin-top:-.06em;padding-bottom:.16em}.hero-copy p{font-size:1.14rem;line-height:2;color:var(--muted);max-width:640px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-stats{display:flex;gap:26px;margin-top:34px}.hero-stat strong{display:block;font:800 1.5rem Manrope,sans-serif}.hero-stat span{color:var(--muted);font-size:.86rem}.scene{height:670px;position:relative;perspective:1200px;touch-action:pan-y}.scene-core{position:absolute;inset:80px 30px 70px;transform-style:preserve-3d;transition:transform .15s ease-out}.orb{position:absolute;inset:15% 12%;border-radius:50%;background:radial-gradient(circle at 32% 25%,#8ff5ec,rgba(57,160,213,.65) 35%,rgba(7,54,84,.97) 70%);box-shadow:inset -24px -18px 70px rgba(2,14,26,.55),0 40px 90px rgba(26,128,179,.3);animation:float 5s ease-in-out infinite}.orb::before,.orb::after{content:"";position:absolute;border:2px solid rgba(255,255,255,.25);border-radius:50%;inset:-23px;transform:rotateX(67deg) rotateZ(18deg)}.orb::after{inset:-57px;transform:rotateY(70deg) rotateZ(42deg);border-color:rgba(247,207,99,.34)}.land{position:absolute;width:36%;height:18%;border-radius:47% 53% 60% 40%;background:rgba(239,221,148,.88);filter:blur(.2px);box-shadow:20px 20px 40px rgba(0,0,0,.15)}.land.l1{left:17%;top:27%;transform:rotate(13deg)}.land.l2{right:13%;top:52%;transform:rotate(-20deg);width:29%}.card3d{position:absolute;width:185px;aspect-ratio:4/5;border-radius:24px;overflow:hidden;border:5px solid rgba(255,255,255,.75);box-shadow:var(--shadow);transform-style:preserve-3d;transition:.3s}.card3d img{width:100%;height:100%;object-fit:cover}.c1{left:0;top:70px;transform:translateZ(100px) rotateY(15deg) rotateZ(-7deg)}.c2{right:-5px;top:12px;transform:translateZ(140px) rotateY(-16deg) rotateZ(8deg)}.c3{right:18px;bottom:0;transform:translateZ(180px) rotateY(-10deg) rotateZ(-6deg)}.route{position:absolute;inset:17%;border:2px dashed rgba(255,255,255,.55);border-radius:50%;transform:rotate(22deg);animation:spin 15s linear infinite}.plane{position:absolute;left:4%;top:43%;font-size:2.5rem;transform:translateZ(230px);animation:plane 7s ease-in-out infinite}.scroll-cue{position:absolute;z-index:4;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.82rem}.mouse{width:25px;height:40px;border:2px solid var(--line);border-radius:20px;position:relative}.mouse::after{content:"";position:absolute;width:4px;height:8px;border-radius:99px;background:var(--brand);left:50%;top:7px;transform:translateX(-50%);animation:wheel 1.5s infinite}

.marquee{border-block:1px solid var(--line);overflow:hidden;background:var(--surface)}.marquee-track{display:flex;width:max-content;gap:55px;padding:15px 0;animation:marquee 23s linear infinite;font-weight:900;color:var(--muted)}.marquee-track span::before{content:"✦";color:var(--sun);margin-left:55px}.trip-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;margin-top:50px}.trip-card{position:relative;overflow:hidden;min-height:420px;border-radius:var(--radius);box-shadow:var(--shadow);isolation:isolate}.trip-card:nth-child(1){grid-column:span 7}.trip-card:nth-child(2){grid-column:span 5}.trip-card:nth-child(3){grid-column:span 5}.trip-card:nth-child(4){grid-column:span 7}.trip-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.7s transform}.trip-card:hover img{transform:scale(1.07)}.trip-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(2,19,29,.88))}.trip-info{position:absolute;z-index:2;inset:auto 25px 24px;color:#fff}.trip-info small{display:inline-flex;padding:7px 11px;border-radius:99px;background:rgba(255,255,255,.18);backdrop-filter:blur(10px)}.trip-info h3{font-size:1.8rem;margin:12px 0 4px}.trip-info p{margin:0;color:rgba(255,255,255,.74)}

.experience{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:stretch}.sticky-visual{min-height:690px;position:relative;border-radius:36px;overflow:hidden}.sticky-visual img{width:100%;height:100%;object-fit:cover}.sticky-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(4,26,39,.5))}.experience-list{display:grid;gap:15px}.experience-item{padding:26px;border:1px solid var(--line);background:var(--surface);border-radius:24px;display:grid;grid-template-columns:58px 1fr;gap:18px;transition:.3s}.experience-item:hover{transform:translateX(-8px);border-color:var(--aqua)}.experience-item .num{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--aqua));color:#fff;font:800 1rem Manrope}.experience-item h3{margin:2px 0 8px}.experience-item p{color:var(--muted);margin:0;line-height:1.8}

.quote-band{margin:0 18px;padding:80px 0;border-radius:40px;background:linear-gradient(130deg,#0879af,#12bbb4 62%,#f0c24e);color:#fff;position:relative;overflow:hidden}.quote-band::after{content:"رحلة";position:absolute;left:-25px;bottom:-90px;font-weight:900;font-size:12rem;opacity:.08}.quote-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.quote-inner h2{font-size:clamp(2rem,5vw,4.6rem);line-height:1.1;margin:0;max-width:760px}.quote-inner .btn{background:#fff;color:#083047}

.gallery-grid{columns:3 280px;column-gap:18px;margin-top:45px}.gallery-item{margin-bottom:18px;break-inside:avoid;border-radius:22px;overflow:hidden;position:relative;cursor:pointer}.gallery-item img{width:100%;transition:.5s}.gallery-item:hover img{transform:scale(1.04)}.gallery-item::after{content:"عرض الصورة";position:absolute;inset:auto 16px 16px;opacity:0;transform:translateY(8px);transition:.3s;color:#fff;background:rgba(0,0,0,.42);backdrop-filter:blur(10px);padding:7px 12px;border-radius:99px;font-size:.8rem}.gallery-item:hover::after{opacity:1;transform:none}

.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.testimonial{padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:24px}.stars{color:#f0bd2c}.testimonial p{line-height:1.9;color:var(--muted)}.person{display:flex;align-items:center;gap:12px;margin-top:20px}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--aqua));color:#fff;font-weight:900}

.page-hero{min-height:62vh;padding:160px 0 80px;display:grid;align-items:end;position:relative;overflow:hidden}.page-hero::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,var(--aqua),transparent 66%);opacity:.15;top:-180px;left:-130px}.page-hero h1{font-size:clamp(3.2rem,8vw,7rem);line-height:.98;margin:10px 0}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-card{padding:28px;border-radius:25px;background:var(--surface);border:1px solid var(--line)}.info-card h3{font-size:1.35rem}.info-card p{color:var(--muted);line-height:1.9}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.filter-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:10px 17px;border-radius:99px;cursor:pointer}.filter-btn.active{background:var(--brand);color:#fff}.destination-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.destination-card{border-radius:28px;overflow:hidden;background:var(--surface);border:1px solid var(--line);transition:.3s}.destination-card:hover{transform:translateY(-7px)}.destination-card img{width:100%;height:320px;object-fit:cover}.destination-card .content{padding:22px}.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem}.price{font:800 1.3rem Manrope;color:var(--brand)}

.contact-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}.contact-panel,.form-panel{padding:34px;background:var(--surface);border:1px solid var(--line);border-radius:30px}.contact-list{display:grid;gap:14px;margin-top:28px}.contact-item{padding:17px;border-radius:18px;background:var(--surface-solid)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--surface-solid);color:var(--text);border-radius:15px;padding:14px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--aqua)}

footer{padding:70px 0 25px;background:var(--deep);color:#e9f7ff;margin-top:80px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:32px}.footer-logo{width:165px;height:auto;filter:none}footer p,footer a{color:#9fbdcd}footer h4{color:#fff}.footer-links{display:grid;gap:10px}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;color:#7e9bab;font-size:.85rem}

.lightbox{position:fixed;inset:0;z-index:1200;background:rgba(1,12,20,.88);backdrop-filter:blur(14px);display:none;place-items:center;padding:25px}.lightbox.open{display:grid}.lightbox img{max-height:86vh;border-radius:22px}.lightbox-close{position:absolute;top:24px;right:24px;color:#fff;background:rgba(255,255,255,.12);border:0;width:48px;height:48px;border-radius:50%;font-size:1.5rem}.cursor{position:fixed;width:18px;height:18px;border-radius:50%;border:1px solid var(--aqua);z-index:1500;pointer-events:none;transition:.08s;mix-blend-mode:difference}.cursor-dot{position:fixed;width:5px;height:5px;border-radius:50%;background:var(--sun);z-index:1501;pointer-events:none}.reveal{opacity:0;transform:translateY(28px);transition:.8s}.reveal.show{opacity:1;transform:none}

@keyframes float{50%{transform:translateY(-18px) rotate(2deg)}}@keyframes spin{to{transform:rotate(382deg)}}@keyframes plane{0%,100%{transform:translate3d(0,0,230px) rotate(-4deg)}50%{transform:translate3d(380px,-90px,230px) rotate(10deg)}}@keyframes wheel{to{transform:translate(-50%,15px);opacity:0}}@keyframes marquee{to{transform:translateX(50%)}}


@media(max-width:1180px) and (min-width:981px){.hero-grid{grid-template-columns:1fr 1fr;gap:24px}.hero-copy h1{font-size:clamp(3rem,4.65vw,4.7rem);line-height:1.2;max-width:580px}.scene{height:610px}.card3d{width:165px}}
@media(max-width:980px){.nav-links{position:fixed;inset:76px 10px auto;background:var(--surface-solid);border:1px solid var(--line);border-radius:22px;padding:16px;display:grid;transform:translateY(-15px);opacity:0;pointer-events:none;transition:.25s;box-shadow:var(--shadow)}.menu-open .nav-links{opacity:1;transform:none;pointer-events:auto}.menu-btn{display:grid}.nav-actions .book-nav{display:none}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-copy h1{max-width:680px;margin-inline:auto;font-size:clamp(3.2rem,8.5vw,5rem);line-height:1.2}.hero-copy h1 .hero-line{white-space:normal}.hero-copy p{margin-inline:auto}.hero-actions,.hero-stats{justify-content:center}.scene{height:560px;width:min(650px,100%);margin-inline:auto}.trip-card,.trip-card:nth-child(n){grid-column:span 6}.experience{grid-template-columns:1fr}.sticky-visual{min-height:540px}.quote-inner{display:grid}.cards-3,.destination-grid,.testimonials{grid-template-columns:1fr 1fr}.contact-wrap{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){:root{--nav-h:68px}.container{width:min(100% - 24px,1180px)}.section{padding:75px 0}.nav{top:7px}.logo img{width:105px}.icon-btn{width:40px;height:40px}.hero{padding-top:95px}.hero-copy h1{font-size:clamp(2.45rem,11vw,3.2rem);line-height:1.22;letter-spacing:0;margin-top:14px}.hero-copy h1 .hero-line{white-space:nowrap}.hero-copy h1 .hero-line-small{font-size:.86em;margin-top:0}.hero-copy h1 .hero-line-last{margin-top:0;padding-bottom:.12em}.hero-copy p{font-size:1rem}.hero-stats{gap:15px}.scene{height:440px}.scene-core{inset:55px 15px}.card3d{width:118px;border-width:3px;border-radius:17px}.c1{top:45px}.orb{inset:18% 15%}.plane{font-size:1.7rem}.trip-grid{gap:14px}.trip-card,.trip-card:nth-child(n){grid-column:span 12;min-height:390px}.sticky-visual{min-height:440px}.experience-item{grid-template-columns:48px 1fr;padding:20px}.experience-item .num{width:48px;height:48px}.quote-band{margin:0 8px;padding:58px 0;border-radius:28px}.gallery-grid{columns:2 150px;column-gap:10px}.gallery-item{margin-bottom:10px}.cards-3,.destination-grid,.testimonials{grid-template-columns:1fr}.destination-card img{height:290px}.contact-panel,.form-panel{padding:22px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.copyright{display:grid;gap:8px}.cursor,.cursor-dot{display:none}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
