:root{--bg:#071019;--card:#0d1d2b;--muted:#91a4b7;--text:#eef7ff;--gold:#d9b46a;--cyan:#54d8ff;--line:rgba(255,255,255,.12);--soft:rgba(84,216,255,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 20% 0%,#15314b 0,#071019 35%,#05080c 100%);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}.container{width:min(1160px,92%);margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(7,16,25,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{font-weight:800;letter-spacing:.4px}.brand span{color:var(--gold)}.links{display:flex;gap:18px;align-items:center}.links a{color:#cfe2f3;font-size:14px}.menu{display:none;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.hero{padding:76px 0 44px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(84,216,255,.15),transparent 45%,rgba(217,180,106,.12));pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}.eyebrow{color:var(--cyan);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.h1{font-size:clamp(38px,7vw,76px);line-height:.94;margin:12px 0 18px}.lead{color:#c9d8e8;font-size:18px;max-width:760px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.06);color:var(--text);font-weight:700}.btn.primary{background:linear-gradient(135deg,var(--cyan),#7eecff);color:#06111a}.btn.gold{background:linear-gradient(135deg,var(--gold),#ffe3a0);color:#15100a}.panel,.card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:26px;box-shadow:0 20px 70px rgba(0,0,0,.22)}.panel{padding:22px}.mini-map{height:390px;border-radius:22px;background:linear-gradient(135deg,#0f2536,#102f3f);position:relative;overflow:hidden}.mini-map:before{content:"";position:absolute;inset:35px;background:repeating-linear-gradient(45deg,transparent 0 18px,rgba(255,255,255,.05) 18px 20px);border-radius:28px}.pin{position:absolute;width:16px;height:16px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 8px rgba(84,216,255,.15),0 0 28px rgba(84,216,255,.8)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.stat{padding:18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid var(--line)}.stat b{font-size:28px;color:var(--gold)}section{padding:46px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-title h2{font-size:32px;margin:0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{padding:20px}.badge{display:inline-flex;border:1px solid rgba(84,216,255,.35);background:var(--soft);color:#bdf2ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.searchbar,.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.input,select,textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);border-radius:14px;padding:12px}.input{max-width:420px}.filterbar button{cursor:pointer}.footer{border-top:1px solid var(--line);padding:28px 0;color:#b6c8da;background:rgba(0,0,0,.18)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.map-shell{height:72vh;min-height:520px;border-radius:24px;overflow:hidden;border:1px solid var(--line)}#map{height:100%;width:100%}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#0b1724;color:#eef7ff}.chat{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.chat-box{min-height:420px;padding:18px;display:flex;flex-direction:column;gap:12px}.message{padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.06)}.message.ai{border:1px solid rgba(84,216,255,.25)}.prompt{cursor:pointer;text-align:left;width:100%}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.disclaimer{font-size:13px;color:#bfd0df;border-left:3px solid var(--gold);padding-left:12px}@media(max-width:850px){.links{display:none;position:absolute;left:4%;right:4%;top:62px;background:#08131f;border:1px solid var(--line);border-radius:18px;padding:16px;flex-direction:column;align-items:flex-start}.links.open{display:flex}.menu{display:block}.hero-grid,.grid,.grid.two,.chat,.footer-grid,.form-grid{grid-template-columns:1fr}.hero{padding-top:44px}.stats{grid-template-columns:repeat(2,1fr)}.mini-map{height:280px}.map-shell{height:68vh;min-height:430px}.section-title{align-items:flex-start;flex-direction:column}.links a,.btn{width:100%}.h1{font-size:44px}}@media(max-width:480px){.stats{grid-template-columns:1fr}.container{width:94%}.card,.panel{border-radius:20px;padding:16px}.h1{font-size:38px}.lead{font-size:16px}}
.lang-toggle{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:var(--text);border-radius:999px;padding:.7rem .9rem;cursor:pointer;font-weight:700}
.lang-toggle:hover{background:rgba(255,255,255,.12)}
html[dir="rtl"] body{font-family:"IBM Plex Sans Arabic","Tajawal",system-ui,sans-serif;text-align:right}
html[dir="rtl"] .nav-inner,html[dir="rtl"] .hero-grid,html[dir="rtl"] .footer-grid{direction:rtl}
html[dir="rtl"] .links,html[dir="rtl"] .cta,html[dir="rtl"] .searchbar,html[dir="rtl"] .filterbar{direction:rtl}
.disabled-link{display:inline-block;opacity:.72;cursor:not-allowed;border:1px dashed rgba(255,255,255,.25);padding:.75rem 1rem;border-radius:999px;color:var(--muted)}
.verification-note{font-size:.92rem;color:var(--muted);margin-top:.5rem}

.btn:hover,.btn:focus{transform:translateY(-1px);box-shadow:0 10px 30px rgba(84,216,255,.12);outline:none}
.btn.active{background:rgba(84,216,255,.16);border-color:rgba(84,216,255,.5);color:#dff8ff}
.count-line{grid-column:1/-1;margin:.2rem 0 .5rem}
.map-count{align-self:center;padding:.5rem .75rem;border:1px solid var(--line);border-radius:999px}
.card h3{margin:.8rem 0 .45rem}.card p{margin:.55rem 0}
@media(max-width:850px){.filterbar .map-count{width:100%;text-align:center}.prompt{text-align:center}.searchbar .input,.searchbar select{max-width:none}}
