@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--bg:#050b14;--panel:#0b1524;--gold:#f6c453;--gold2:#ffdf82;--text:#f7f8fb;--muted:#aab5c5;--line:rgba(255,255,255,.09)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:"Noto Naskh Arabic",system-ui,sans-serif;line-height:1.8}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}.header{position:sticky;top:0;z-index:50;background:rgba(5,11,20,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;gap:26px;direction:ltr}.logo{font-family:Outfit,sans-serif;font-size:19px;font-weight:800;letter-spacing:.5px;margin-right:auto}.logo span{color:var(--gold)}.logo b{color:var(--gold2)}nav{display:flex;gap:24px;direction:rtl}nav a{color:#d9e0ea;font-weight:600}nav a:hover{color:var(--gold)}.nav-wa,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:11px 19px;font-weight:700}.nav-wa{background:var(--gold);color:#101010;font-family:Outfit,sans-serif}.menu{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:690px;display:flex;align-items:center;background:radial-gradient(circle at 75% 35%,rgba(246,196,83,.12),transparent 28%),linear-gradient(135deg,#050b14,#091525 55%,#050b14)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;direction:ltr}.hero-grid>div:first-child{direction:rtl}.badge{display:inline-block;border:1px solid rgba(246,196,83,.35);color:var(--gold2);padding:5px 13px;border-radius:30px;margin-bottom:18px;font-size:14px}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.18;margin-bottom:18px}.hero h1 span{color:var(--gold)}.hero p{color:var(--muted);font-size:18px;max-width:650px}.actions{display:flex;gap:12px;margin:28px 0;flex-wrap:wrap}.btn{font-size:16px}.primary{background:var(--gold);color:#111}.primary:hover{background:var(--gold2)}.secondary{border:1px solid var(--line);background:#0d1828}.trust{display:flex;gap:28px;margin-top:30px}.trust div{display:flex;flex-direction:column}.trust strong{font-family:Outfit,sans-serif;color:var(--gold2)}.trust small{color:var(--muted)}.hero-card{min-height:390px;border:1px solid rgba(246,196,83,.24);border-radius:28px;background:linear-gradient(145deg,rgba(17,30,48,.9),rgba(6,13,23,.95));box-shadow:0 30px 80px rgba(0,0,0,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:rgba(246,196,83,.08);filter:blur(4px)}.bolt{font-size:78px;color:var(--gold);position:relative}.hero-card h2{font:800 36px/1.05 Outfit,sans-serif;position:relative}.hero-card h2 span{color:var(--gold)}.hero-card p,.hero-card small{color:var(--muted);position:relative}.glow-line{height:2px;width:90px;background:var(--gold);margin:20px}.section{padding:100px 0}.section-head{text-align:center;margin-bottom:48px}.section-head>span,.eyebrow{color:var(--gold);font:700 13px Outfit,sans-serif;letter-spacing:2px}.section-head h2,.about h2{font-size:42px;line-height:1.3;margin:7px 0}.section-head p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#0b1626,#08111e);transition:.25s}.card:hover{transform:translateY(-5px);border-color:rgba(246,196,83,.3)}.icon{font-size:38px;margin-bottom:10px}.card h3{font-size:24px}.card p{color:var(--muted);min-height:64px}.card a{color:var(--gold2);font-weight:700}.about{padding:100px 0;background:#07101c}.about-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.about h2{margin:10px 0 15px}.about p,.about li{color:var(--muted)}.about ul{list-style:none;margin-top:22px;display:grid;gap:8px}.about li::first-letter{color:var(--gold)}.info-box,.contact-card{border:1px solid rgba(246,196,83,.22);background:linear-gradient(145deg,#101e31,#09121f);padding:38px;border-radius:25px;text-align:center}.mini-logo{font-size:55px;color:var(--gold)}.info-box h3{font:800 27px Outfit,sans-serif}.info-box p{margin:8px 0 22px}.full{width:100%}.cta{padding:85px 20px;text-align:center;background:linear-gradient(100deg,#0b1625,#152338,#0b1625)}.cta h2{font-size:40px}.cta p{color:var(--muted);margin:8px 0 25px}.contact-grid{display:grid;grid-template-columns:1fr .65fr;gap:60px;align-items:center}.section-head.left{text-align:right;margin-bottom:25px}.contact-item{display:flex;flex-direction:column;padding:17px 0;border-bottom:1px solid var(--line)}.contact-item b{color:var(--gold2)}.contact-item span{color:var(--muted)}.contact-card h3{font-size:30px}.contact-card p{color:var(--muted);margin:8px 0 22px}footer{border-top:1px solid var(--line);background:#040912}.footer{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:20px;direction:rtl}.footer strong{font:800 20px Outfit,sans-serif}.footer strong:first-letter{color:var(--gold)}.footer p{color:var(--muted)}.footer a{color:var(--gold2)}.copyright{text-align:center;color:#697587;border-top:1px solid var(--line);padding:15px;font-size:13px}.floating-wa{position:fixed;bottom:22px;left:22px;width:58px;height:58px;border-radius:50%;background:#25d366;color:white;display:flex;align-items:center;justify-content:center;font-size:31px;z-index:60;box-shadow:0 10px 25px rgba(0,0,0,.4)}
@media(max-width:850px){.nav{height:68px}.menu{display:block;order:3}nav{display:none;position:absolute;top:68px;right:4%;left:4%;background:#091321;border:1px solid var(--line);border-radius:15px;padding:15px;flex-direction:column;gap:5px}nav.open{display:flex}.nav-wa{font-size:13px;padding:8px 12px}.hero{padding:70px 0}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.hero-card{min-height:320px}.cards{grid-template-columns:1fr 1fr}.section{padding:75px 0}.footer{padding:25px 0;flex-direction:column;text-align:center}}
@media(max-width:560px){.logo{font-size:14px}.nav-wa{display:none}.hero h1{font-size:42px}.hero p{font-size:16px}.trust{gap:15px}.cards{grid-template-columns:1fr}.section-head h2,.about h2,.cta h2{font-size:31px}.hero-card h2{font-size:29px}}