*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{background:#050505;color:#eee;font-family:"Segoe UI",Tahoma,"Noto Kufi Arabic","Noto Sans Arabic",Arial,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}
.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#151515,#050505 70%)}
.bg i{position:absolute;border-radius:50%;border:2px solid transparent}
.s1{width:520px;height:520px;left:-300px;top:-60px;border-top-color:#e9b97a!important;filter:drop-shadow(0 0 10px #d99a4e);transform:rotate(-35deg)}
.s2{width:1400px;height:900px;right:-700px;bottom:-560px;border-top-color:#f0c58a!important;filter:drop-shadow(0 0 14px #c98a45);transform:rotate(-18deg);opacity:.9}
.s3{width:1500px;height:1100px;right:-900px;top:380px;border-top-color:#2a2a2a!important;transform:rotate(-25deg)}
.top{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;gap:10px;flex-wrap:wrap}
.hlogo img{height:52px;display:block}
nav{display:flex;gap:18px;order:3;width:100%;justify-content:center}
nav a{color:#eee;text-decoration:none;font-size:15px;padding:6px 2px;position:relative}
nav a.on{color:#f0cd8c}nav a.on:after{content:"";position:absolute;left:-10px;right:-10px;bottom:-4px;height:2px;background:linear-gradient(90deg,transparent,#f0b45c,transparent)}
.lang{display:flex;border:1px solid #555;border-radius:30px;padding:3px;direction:ltr}
.lang button{background:none;border:0;color:#ddd;font:600 13px sans-serif;padding:6px 14px;border-radius:30px;cursor:pointer}
.lang button.act{background:linear-gradient(#f4d9a6,#d8aa66);color:#111}
.hero{text-align:center;padding:60px 16px 10px}
.big{width:min(84vw,470px);height:auto}
.glow{height:2px;width:min(90vw,560px);margin:26px auto 0;background:linear-gradient(90deg,transparent,#c9873d,#fff1d0,#c9873d,transparent);box-shadow:0 0 18px #e0a050}
section{text-align:center;padding:40px 16px}
.ttl{font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:24px}
.ttl:before,.ttl:after{content:"";height:1px;width:min(22vw,110px);background:linear-gradient(90deg,transparent,#d9a35a)}
.ttl:after{transform:scaleX(-1)}
.card{display:inline-flex;align-items:center;gap:16px;margin-top:34px;padding:14px 22px;border:1px solid #c9a06a;border-radius:20px;background:rgba(10,10,10,.7);color:#fff;text-decoration:none;box-shadow:0 8px 20px -10px #d8a050;transition:.2s}
.card:hover{box-shadow:0 0 24px #b07a3a}.card img{border-radius:12px}
.sep{width:1px;height:40px;background:#555}.tx{display:flex;flex-direction:column;align-items:center;min-width:110px}
.tx b{font-size:19px}.tx small{font-size:14px;color:#ccc;direction:ltr}.ext{color:#e0b878}
#contact p{margin-top:18px;color:#d6b27a;font-size:18px}#contact .ttl{font-size:22px}
footer{text-align:center;padding:30px 16px 40px;display:flex;justify-content:center;align-items:center;gap:30px;letter-spacing:6px;font-size:13px;color:#ccc}
footer:before,footer:after{content:"";height:1px;width:min(20vw,140px);background:linear-gradient(90deg,transparent,#999)}footer:after{transform:scaleX(-1)}
@media(min-width:800px){.top{padding:24px 70px;flex-wrap:nowrap}nav{order:0;width:auto;gap:60px}nav a{font-size:17px}.hlogo img{height:80px}.hero{padding-top:110px}.ttl{font-size:34px}}
.top{direction:ltr}[dir=rtl] nav{direction:rtl}
.s1{width:700px;height:700px;left:-420px;top:-40px}

.cbox{max-width:520px;margin:22px auto 0;padding:18px;border:1px solid rgba(214,178,122,.35);border-radius:16px;background:rgba(255,255,255,.03);box-sizing:border-box}
.crow{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid rgba(214,178,122,.15)}
.clab{color:#d6b27a;font-size:14px;min-width:52px;text-align:start}
.cnum{flex:1;color:#fff;font-size:17px;text-decoration:none;unicode-bidi:isolate;overflow-wrap:anywhere;text-align:start}
[dir=rtl] .cnum{text-align:end}
.cbtns{display:flex;gap:8px}
.cbtns a,.soc a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(214,178,122,.5);color:#d6b27a;transition:.2s}
.cbtns a:hover,.soc a:hover{background:#d6b27a;color:#111}
.cbtns svg,.soc svg{width:18px;height:18px}
.soc{display:flex;justify-content:center;gap:14px;padding-top:16px}
@media(max-width:420px){.cnum{font-size:15px}.cbox{padding:12px}}