@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=Playfair+Display:wght@600;700&family=Tajawal:wght@400;500;700;800&family=Inter:wght@400;600;700&display=swap');
:root{--black:#05070d;--surface:#08100f;--deep:#031f1a;--green:#0a4535;--gold:#d4af37;--gold2:#f2d27c;--sand:#e8dccb;--muted:rgba(232,220,203,.66);--border:rgba(212,175,55,.24);--lav:#9b5de5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--sand);font-family:Inter,sans-serif;overflow-x:hidden}body[dir=rtl]{font-family:Tajawal,sans-serif}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.gold{color:var(--gold)}
#lav-canvas{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.35}.nav{height:76px;position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:rgba(5,7,13,.84);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
.logo{display:flex;align-items:center;gap:12px}.mark{width:52px;height:52px}.logo-ar{font-size:20px;font-weight:800;color:#fff;line-height:1}.logo-en{font-family:Cinzel,serif;font-size:10px;letter-spacing:.28em;color:var(--gold);margin-top:4px}
.nav-links{display:flex;gap:26px;align-items:center;font-size:15px;color:var(--muted)}.nav-links a.active,.nav-links a:hover{color:var(--gold)}.nav-actions{display:flex;align-items:center;gap:10px}
.btn{border:1px solid var(--border);border-radius:12px;padding:12px 22px;background:rgba(255,255,255,.04);color:var(--sand);font-weight:700;cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:.25s}
.btn:hover{transform:translateY(-2px);border-color:var(--gold)}.btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;border:0}.lang{background:transparent;color:var(--sand);border:1px solid var(--border);border-radius:10px;padding:10px}
.menu{display:none}
.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:54% 46%;overflow:hidden}.hero-img{position:relative;min-height:100vh;background:url('https://images.unsplash.com/photo-1586724237569-f3d0c1dee8c6?w=1400&q=85&fit=crop') center/cover}.hero-img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,13,.12),var(--black))}
.lav-strip{position:absolute;top:80px;bottom:80px;width:48px;display:flex;flex-direction:column;justify-content:space-around;z-index:3}.lav-strip.left{left:0}.lav-strip.right{right:0}.lav-dot{width:7px;height:12px;border-radius:50%;background:var(--lav);box-shadow:0 0 14px var(--lav);opacity:.55;margin:auto;animation:float 4s ease-in-out infinite}.lav-dot:nth-child(2n){opacity:.35;transform:scale(.75)}
.hero-content{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:130px 8vw 110px 5vw;background:radial-gradient(circle at 80% 20%,rgba(155,93,229,.12),transparent 34%)}
.eyebrow{letter-spacing:.18em;color:var(--gold);font-size:12px;font-weight:800;margin-bottom:18px}.hero h1{font-family:Tajawal,sans-serif;font-size:clamp(42px,5.3vw,78px);line-height:1.08;margin:0 0 24px;color:#fff;font-weight:800}.hero p{font-size:19px;line-height:1.9;color:var(--muted);max-width:640px;margin:0 0 30px}
.stats{position:absolute;left:4vw;right:4vw;bottom:30px;z-index:7;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(8,16,15,.82);border:1px solid var(--border);border-radius:18px;backdrop-filter:blur(20px);overflow:hidden}.stat{padding:20px;text-align:center;border-inline-end:1px solid var(--border)}.stat:last-child{border:0}.stat b{display:block;color:var(--gold);font-size:27px;font-family:Playfair Display,serif}.stat span{font-size:13px;color:var(--muted)}
.section{position:relative;z-index:3;padding:90px 42px;background:var(--black)}.inner{max-width:1450px;margin:auto}.title{text-align:center;margin-bottom:45px}.title h2{font-family:Tajawal,sans-serif;font-size:clamp(34px,4vw,56px);margin:0 0 12px;color:#fff}.title p{color:var(--muted);font-size:18px;margin:auto;max-width:780px;line-height:1.8}
.gates{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.gate{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;min-height:390px;cursor:pointer;transition:.32s}.gate:hover{transform:translateY(-10px);box-shadow:0 0 50px rgba(212,175,55,.12)}.gate-img{height:215px;position:relative;overflow:hidden}.gate-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(1.2);transition:.4s}.gate:hover img{transform:scale(1.08)}
.gate-frame:before,.gate-frame:after{content:"";position:absolute;top:0;bottom:0;width:18px;background:linear-gradient(#7c5a1a,#d4af37,#614410);opacity:.48}.gate-frame:before{left:0}.gate-frame:after{right:0}.gate-frame{position:absolute;inset:0;border-top:12px solid rgba(212,175,55,.55);box-shadow:inset 0 0 0 1px rgba(212,175,55,.25)}.gate-frame svg{position:absolute;inset:0;width:100%;height:100%}
.lavender{position:absolute;inset:0;pointer-events:none}.lavender i{position:absolute;width:6px;height:10px;background:#b887ff;border-radius:50%;box-shadow:0 0 10px #9b5de5;opacity:.55}.lavender i:nth-child(1){top:8px;left:14px}.lavender i:nth-child(2){top:20px;left:24px}.lavender i:nth-child(3){top:9px;right:15px}.lavender i:nth-child(4){top:25px;right:25px}.lavender i:nth-child(5){top:45px;left:6px}.lavender i:nth-child(6){top:55px;right:6px}
.gate-body{padding:22px}.gate h3{font-family:Tajawal,sans-serif;margin:0 0 9px;color:#fff;font-size:21px}.gate p{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.7}.gate a{color:var(--gold);font-weight:800}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}.panel{background:linear-gradient(145deg,rgba(6,47,37,.42),rgba(8,16,15,.92));border:1px solid var(--border);border-radius:22px;overflow:hidden}.panel-pad{padding:34px}.panel h2{font-size:36px;margin:0 0 14px;color:#fff}.panel p{color:var(--muted);line-height:1.8;font-size:17px}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}.feature{padding:13px;border:1px solid var(--border);border-radius:12px;color:var(--sand);background:rgba(255,255,255,.03)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden}.card img{height:180px;width:100%;object-fit:cover;filter:brightness(.78)}.card div{padding:18px}.card h3{margin:0 0 8px;color:#fff}.card p{margin:0;color:var(--muted);line-height:1.6}
.footer{position:relative;z-index:3;background:var(--deep);border-top:1px solid var(--border);padding:50px 42px 24px}.footgrid{max-width:1450px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}.footer h4{color:var(--gold);margin:0 0 14px}.footer p,.footer a{color:var(--muted);line-height:1.8}.copyright{max-width:1450px;margin:30px auto 0;border-top:1px solid var(--border);padding-top:20px;color:var(--muted);display:flex;justify-content:space-between}
.page-hero{min-height:62vh;padding:140px 42px 70px;background:linear-gradient(rgba(5,7,13,.6),rgba(5,7,13,.94)),url('https://images.unsplash.com/photo-1613490493576-7fde63acd811?w=1400&q=85&fit=crop') center/cover}.page-hero .inner{max-width:1180px}.page-hero h1{font-size:clamp(42px,5vw,70px);color:#fff;margin:0 0 18px}.page-hero p{color:var(--muted);font-size:20px;line-height:1.8;max-width:780px}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:1200px){.gates{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-img{position:absolute;inset:0}.hero-content{background:rgba(5,7,13,.72)}.stats{grid-template-columns:repeat(3,1fr);position:relative;margin:-150px 20px 40px;left:auto;right:auto;bottom:auto}.split{grid-template-columns:1fr}}
@media(max-width:760px){.nav{padding:0 18px}.nav-links,.nav-actions .btn{display:none}.menu{display:inline-flex}.hero-content{padding:120px 24px 210px}.hero h1{font-size:42px}.hero p{font-size:16px}.stats{grid-template-columns:repeat(2,1fr);margin-top:-190px}.section{padding:60px 20px}.gates,.cards{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr}.copyright{display:block}.panel-pad{padding:24px}.features{grid-template-columns:1fr}}