@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#171918;--text:#f6f4ee;--muted:#aaa9a2;--red:#ef3535}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Tajawal,Arial,sans-serif;min-height:100vh;position:relative}body:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.35' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit}.ambient{position:absolute;left:0;top:0;width:50%;height:650px;background:radial-gradient(ellipse at left top,#87302535,transparent 65%);pointer-events:none}header,main,footer{max-width:1200px;margin:auto;position:relative}header{padding:32px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;gap:15px;align-items:center;direction:ltr}.brand img{width:64px;height:64px;object-fit:contain;background:#f7f5f0;border-radius:12px;padding:6px}.brand span{font-family:Arial,sans-serif;font-size:12px;letter-spacing:3px;font-weight:600}.share{background:transparent;border:1px solid #ffffff22;color:#ddd;border-radius:50px;display:flex;align-items:center;gap:8px;padding:11px 17px;cursor:pointer}.share svg{width:17px;height:17px}.share:hover{background:#ffffff0a}main{display:grid;grid-template-columns:1.08fr 1fr;gap:90px;padding:78px 36px 65px}.eyebrow{font-size:15px;display:flex;gap:10px;align-items:center;color:#c1bfb8}.eyebrow span{height:7px;width:7px;background:var(--red);border-radius:50%;box-shadow:0 0 0 5px #ef353515}h1{font-size:clamp(38px,4.3vw,58px);line-height:1.22;letter-spacing:-1.7px;margin:26px 0;font-weight:800}h1>span{display:block;color:var(--red)}.lead{color:var(--muted);font-size:19px;line-height:1.8;margin:0}.signature{display:flex;align-items:center;gap:13px;font-size:13px;color:#b3b1aa;margin-top:30px}.line{width:30px;height:1px;background:#e2493c}.qr-panel{display:flex;align-items:center;gap:23px;margin-top:46px;padding-top:30px;border-top:1px solid #ffffff14}.qr-wrap{border-radius:16px;background:white;padding:10px;flex-shrink:0;line-height:0}.qr-wrap img{display:block}.small-label{font-family:Arial,sans-serif;font-size:10px;letter-spacing:2.3px;color:#a9a9a1}.qr-panel h2{font-size:19px;margin:10px 0 6px}.qr-panel p{font-size:14px;color:var(--muted);margin:0 0 13px}.qr-panel a{font-size:13px;color:#e5d5c0;border-bottom:1px solid #e5d5c04a;padding-bottom:3px}.qr-panel a span{margin-right:10px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.section-top h2{font-size:25px;margin:11px 0 0}.count{font-family:Arial;font-size:10px;color:#898b83;letter-spacing:1px}.social-links{display:grid;gap:12px}.social{display:flex;align-items:center;gap:17px;padding:20px;background:linear-gradient(120deg,#ffffff05,#ffffff02);border:1px solid #ffffff14;border-radius:17px;transition:transform .2s,background .2s,border-color .2s;min-height:98px}.social:hover{transform:translateY(-3px);border-color:#ffffff38;background:#ffffff08}.icon{width:49px;height:49px;display:grid;place-items:center;border-radius:14px;flex-shrink:0}.icon svg{width:26px;height:26px}.snapchat .icon{background:#ffed63;color:#171918}.tiktok .icon{background:#2d3030;color:#fff;filter:drop-shadow(-1px 1px 0 #25f4ee25)}.facebook .icon{background:#263b54;color:#83b9ff}.whatsapp .icon{background:#213b2f;color:#72d999}.social-copy{display:grid;gap:7px;flex:1}.social-copy strong{font-size:19px;font-weight:700}.social-copy>span{color:#a6a9a1;font-size:13px;text-align:right}.social-copy em{font-size:10px;font-style:normal;font-weight:500;margin-right:8px;color:#8ecea6;display:inline-block;border:1px solid #75c08e33;border-radius:20px;padding:4px 8px}.arrow{font-size:24px;color:#898d84;direction:ltr}.welcome{display:flex;align-items:center;gap:9px;padding:14px 6px 0;color:#a0a59a;font-size:13px}.welcome p{flex:1}.welcome-dot{width:5px;height:5px;border-radius:100%;background:#cdb493}footer{border-top:1px solid #ffffff14;margin-bottom:20px;padding:24px 36px;display:flex;justify-content:space-between;font-size:12px;color:#858980}.footer-sep{padding:0 9px;color:#e24a3c}footer>span:last-child{font-size:10px;letter-spacing:1.5px;font-family:Arial}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#f6f4ee;color:#1b1d1a;border-radius:50px;padding:14px 23px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:3}#toast.show{opacity:1}a:focus-visible,button:focus-visible{outline:2px solid #ff7366;outline-offset:5px}@media(min-width:1450px){main{padding-top:100px;padding-bottom:95px}}@media(max-width:900px){main{gap:38px;padding:55px 28px}header,footer{padding-left:28px;padding-right:28px}h1{font-size:43px}.social{padding:17px;gap:12px}.social-copy em{display:table;margin:6px 0 0}.qr-panel{gap:15px}.qr-wrap img{width:90px;height:90px}}@media(max-width:650px){header{padding:20px 22px}.brand img{width:49px;height:49px;border-radius:10px}.brand span{font-size:10px;letter-spacing:2px}.share{font-size:12px;padding:10px 12px}main{grid-template-columns:1fr;padding:38px 22px 24px;gap:35px}.intro{text-align:center}.eyebrow{justify-content:center;font-size:13px}h1{font-size:43px;margin:22px 0 19px;letter-spacing:-1px}.lead{font-size:16px}.signature{justify-content:center;margin-top:20px}.qr-panel{margin-top:29px;padding-top:23px;justify-content:center;text-align:right}.qr-panel h2{font-size:17px}.qr-panel .small-label{font-size:9px}.section-top h2{font-size:23px}.section-top{margin-bottom:20px}.social{min-height:88px;padding:17px}.social-copy em{display:inline-block;margin:0 6px 0 0}.social-copy strong{font-size:18px}.social-copy>span{font-size:12px}.icon{width:46px;height:46px}.welcome{padding-top:10px}footer{margin:0 22px;padding:22px 0;gap:12px;flex-wrap:wrap;font-size:11px}}@media(max-width:360px){h1{font-size:36px}.brand span{display:none}.social-copy em{display:table;margin:5px 0 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.video-showcase{max-width:1128px;margin:0 auto 56px;position:relative}.video-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.video-heading h2{font-size:30px;margin:10px 0 0}.video-heading>span{color:var(--muted);font-size:14px}.slider{border:1px solid #ffffff20;border-radius:24px;overflow:hidden;background:#101211}.video-stage{position:relative;aspect-ratio:24/11;background:#101211}.resort-video{display:block;width:100%;height:100%;object-fit:contain}.resort-video[hidden]{display:none}.video-shade{position:absolute;inset:65% 0 0;pointer-events:none;background:linear-gradient(transparent,#0009)}.video-badge{position:absolute;bottom:22px;right:24px;font-size:14px;text-shadow:0 1px 6px #000}.slider-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;gap:14px}.playback,.slide-navigation{display:flex;gap:12px;align-items:center}.slider button{border:1px solid #ffffff25;background:#ffffff06;color:var(--text);border-radius:30px;cursor:pointer;padding:10px 15px;font:inherit;font-size:13px}.slider button:hover{background:#ffffff15}.slide-navigation>button{font-size:18px;padding:6px 12px}.slide-dots{display:flex;gap:7px}.slide-dots button{padding:0;width:7px;height:7px;background:#ffffff35;border:0}.slide-dots button[aria-current=true]{width:23px;background:var(--red)}#slide-count{font-family:Arial;font-size:11px;color:var(--muted);margin-right:5px}@media(max-width:1200px){.video-showcase{margin-left:36px;margin-right:36px}}@media(max-width:650px){.video-showcase{margin:0 22px 32px}.video-heading h2{font-size:24px}.video-heading>span{display:none}.slider{border-radius:17px}.slider-controls{padding:12px;flex-wrap:wrap}.playback{gap:7px}.slider button{font-size:11px;padding:9px 11px}.slide-navigation{gap:8px}.slide-navigation>button{padding:6px 10px;font-size:17px}.slide-dots button{padding:0}.video-badge{bottom:12px;right:14px;font-size:11px}#slide-count{display:none}}