@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700;800&display=swap');
:root{--bg:#080b12;--panel:#101522;--gold:#d6ad62;--cream:#f4ead5;--muted:#9ba4b5;--line:#242c3b;--red:#8f2638}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:'Noto Kufi Arabic',sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 5%,#7e243323,transparent 28%),radial-gradient(circle at 15% 35%,#d6ad6210,transparent 20%)}
header{height:84px;display:flex;align-items:center;max-width:1200px;margin:auto;padding:0 28px;border-bottom:1px solid #ffffff0d;position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:white;margin-left:auto}.brand b{display:block;font-size:18px}.brand small{display:block;color:var(--gold);font-size:9px;margin-top:3px}
.mark{width:42px;height:42px;border:1px solid var(--gold);display:grid;place-items:center;transform:rotate(45deg);font-weight:800;color:var(--gold)}.mark::first-letter{transform:rotate(-45deg)}
nav{display:flex;gap:28px}nav a{color:#bbc2cf;text-decoration:none;font-size:13px}nav a:hover{color:var(--gold)}.menu{display:none;background:none;border:0;color:white;font-size:26px}
.hero{max-width:1200px;min-height:640px;margin:auto;padding:80px 28px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;overflow:hidden}
.hero-copy{z-index:2}.eyebrow,.heading span,.coming>span{color:var(--gold);font-size:12px;letter-spacing:2px}.hero h1{font-size:64px;line-height:1.35;margin:18px 0;font-weight:800}.hero h1 em{color:var(--gold);font-style:normal}.hero p{color:var(--muted);max-width:580px;line-height:2;font-size:15px}
.actions{display:flex;gap:12px;margin-top:32px}.actions a{padding:13px 25px;text-decoration:none;font-size:13px;border-radius:2px}.primary{background:var(--gold);color:#111}.ghost{border:1px solid #3a4250;color:#fff}
.visual{height:470px;display:grid;place-items:center;position:relative}.orb{width:330px;height:330px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid #d6ad6245;background:radial-gradient(circle at 50% 45%,#b7873c30,transparent 42%),linear-gradient(145deg,#161c29,#090c13);box-shadow:0 0 90px #d6ad6216,inset 0 0 70px #000}
.orb:before,.orb:after{content:"";position:absolute;border:1px solid #d6ad6222;border-radius:50%}.orb:before{width:390px;height:390px}.orb:after{width:440px;height:440px}.orb span{font-size:28px;line-height:1.8;color:var(--cream);font-weight:700}.star{position:absolute;color:var(--gold);font-style:normal}.s1{top:60px;right:12%}.s2{bottom:65px;left:10%;font-size:26px}.s3{top:35%;left:5%}
.section{max-width:1200px;margin:auto;padding:90px 28px}.heading{text-align:center;margin-bottom:50px}.heading h2{font-size:36px;margin:10px}.heading p{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{min-height:330px;padding:28px 24px;border:1px solid var(--line);background:linear-gradient(160deg,#121824,#0b0f17);position:relative;transition:.25s}.card:hover{transform:translateY(-6px);border-color:#d6ad6266}.card.featured{border-color:#8f263877;background:linear-gradient(160deg,#1a1420,#0b0f17)}.card .icon{font-size:31px;color:var(--gold);margin-bottom:50px}.card>span{position:absolute;top:25px;left:22px;color:#4e5665;font-size:11px}.card h3{font-size:23px;margin:0 0 12px}.card p{color:var(--muted);font-size:12px;line-height:2}.card button{position:absolute;bottom:24px;right:24px;border:0;background:none;color:var(--gold);font-family:inherit}
.coming{max-width:1144px;margin:20px auto 100px;padding:65px;text-align:center;border:1px solid var(--line);background:linear-gradient(90deg,#111723,#15101a)}.coming h2{font-size:32px;margin:12px}.coming p{color:var(--muted);font-size:13px}
footer{border-top:1px solid var(--line);max-width:1200px;margin:auto;padding:32px 28px;display:flex;align-items:center;justify-content:space-between;color:#6f7888;font-size:11px}.mini{margin:0}.mini .mark{width:30px;height:30px}.mini b{font-size:13px}
@media(max-width:800px){header{height:70px}.menu{display:block}nav{display:none;position:absolute;top:70px;right:20px;left:20px;background:#111722;border:1px solid var(--line);padding:22px;flex-direction:column}nav.open{display:flex}.brand small{display:none}.hero{grid-template-columns:1fr;padding-top:45px;text-align:center}.hero h1{font-size:42px}.hero p{margin:auto}.actions{justify-content:center}.visual{height:390px}.orb{width:245px;height:245px}.orb:before{width:290px;height:290px}.orb:after{width:330px;height:330px}.grid{grid-template-columns:1fr 1fr}.coming{margin:10px 20px 70px;padding:40px 20px}footer{flex-direction:column;gap:18px}.mini{margin:0}}
@media(max-width:520px){.grid{grid-template-columns:1fr}.hero h1{font-size:37px}.section{padding-top:60px}.heading h2{font-size:28px}.card{min-height:285px}.card .icon{margin-bottom:35px}}