:root{--navy:#003366;--navy2:#004d99;--royal:#0b3a8f;--gold:#D4A574;--goldL:#f2d9a7;--goldD:#8a6435;--ink:#1c2b40;--gray:#5c6f86;--line:#e6ecf5;--bgs:#f5f8fd}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:Tajawal,sans-serif;background:#fff;color:var(--ink);overflow-x:hidden}
a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%}button{font-family:inherit;cursor:pointer}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.gold-t{background:linear-gradient(100deg,#a8752f 0%,#f2d9a7 30%,#D4A574 55%,#f6dc9c 75%,#a8752f 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}
@keyframes shine{to{background-position:220% center}}
.gbtn{position:relative;display:inline-flex;align-items:center;gap:9px;padding:15px 30px;border-radius:50px;font-weight:800;color:#3a2405;background:linear-gradient(100deg,#c99653,#f2d9a7 45%,#D4A574 70%,#c99653);background-size:200% auto;box-shadow:0 12px 28px rgba(212,165,116,.35);transition:.3s;border:none;overflow:hidden}
.gbtn::after{content:"";position:absolute;inset:0;border-radius:50px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.08) 48%,transparent 60%);pointer-events:none}
.gbtn:hover{background-position:120% center;transform:translateY(-2px);box-shadow:0 18px 36px rgba(212,165,116,.45)}
.nbtn{display:inline-flex;align-items:center;gap:9px;padding:14px 28px;border-radius:50px;font-weight:700;color:var(--navy);border:1.6px solid var(--navy);transition:.3s;background:rgba(255,255,255,.6);backdrop-filter:blur(8px)}
.nbtn:hover{background:var(--navy);color:#fff}
.navf{position:fixed;top:14px;right:0;left:0;z-index:90;display:flex;justify-content:center;padding:0 14px}
.navp{display:flex;align-items:center;gap:20px;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(18px);border-radius:60px;padding:8px 12px 8px 20px;box-shadow:0 14px 44px rgba(0,40,90,.12)}
.navp .lg img{height:54px;display:block}
.navp ul{display:flex;gap:20px;color:var(--navy);font-weight:700;font-size:.93rem}
.navp ul a:hover{color:var(--goldD)}
.navp .gbtn{padding:11px 22px;font-size:.9rem}
.hero{position:relative;padding:150px 0 90px;background:radial-gradient(900px 480px at 90% -10%,rgba(11,58,143,.10),transparent 60%),radial-gradient(800px 520px at -5% 20%,rgba(212,165,116,.14),transparent 55%),#fff;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(0,51,102,.13) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(720px 480px at 75% 20%,#000,transparent 75%)}
#dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.06fr .94fr;gap:48px;align-items:center}
.hlogo{height:88px;margin-bottom:20px;filter:drop-shadow(0 10px 22px rgba(0,51,102,.18))}
.hero h1{font-size:clamp(2rem,4.3vw,3.4rem);font-weight:900;color:var(--navy);line-height:1.28}
.hero .sub{color:var(--gray);font-size:1.1rem;line-height:2.05;margin:18px 0 28px;max-width:540px}
.crow{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px}
.hstats{display:flex;gap:12px;flex-wrap:wrap}
.hst{background:rgba(255,255,255,.7);border:1px solid var(--line);backdrop-filter:blur(10px);border-radius:16px;padding:12px 20px;text-align:center;box-shadow:0 10px 26px rgba(0,40,90,.07)}
.hst b{display:block;font-size:1.5rem;font-weight:900;color:var(--navy)}
.hst span{font-size:.78rem;color:var(--gray)}
.gpanel{position:relative;border-radius:28px;padding:30px;background:linear-gradient(140deg,rgba(212,165,116,.16),rgba(255,255,255,.7) 40%,rgba(11,58,143,.08));border:1px solid rgba(255,255,255,.95);backdrop-filter:blur(20px);box-shadow:0 30px 70px rgba(0,40,90,.14)}
.gpanel::before{content:"";position:absolute;inset:0;border-radius:28px;background:linear-gradient(120deg,rgba(255,255,255,.65),transparent 45%);pointer-events:none}
.gpanel h3{color:var(--navy);font-size:1.05rem;font-weight:900;margin-bottom:16px;display:flex;gap:10px;align-items:center}
.grow{display:flex;align-items:center;gap:14px;padding:12px 10px;border-radius:16px;transition:.25s}
.grow:hover{background:rgba(255,255,255,.75)}
.grow b{display:block;color:var(--navy);font-size:.95rem}
.grow span{color:var(--gray);font-size:.8rem}
.grow .ok{margin-inline-start:auto;color:var(--goldD);font-weight:900}
.ic{width:46px;height:46px;border-radius:14px;flex:none;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c99653,#f2d9a7);color:#3a2405;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 18px rgba(212,165,116,.3);position:relative;overflow:hidden}
.ic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 55%)}
.ic svg{width:23px;height:23px;position:relative;z-index:1}
.sec{padding:80px 0}
.shead{text-align:center;max-width:680px;margin:0 auto 44px}
.shead .k{display:inline-block;color:var(--goldD);font-weight:800;font-size:.82rem;letter-spacing:2px;background:linear-gradient(120deg,rgba(212,165,116,.18),rgba(212,165,116,.06));border:1px solid rgba(212,165,116,.4);padding:7px 18px;border-radius:30px;margin-bottom:14px}
.shead h2{font-size:clamp(1.6rem,3.2vw,2.35rem);font-weight:900;color:var(--navy)}
.shead p{color:var(--gray);margin-top:10px}
.fpills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:34px}
.fp{border:1.4px solid var(--line);background:#fff;color:var(--navy);font-weight:700;font-size:.85rem;padding:10px 18px;border-radius:40px;transition:.25s}
.fp:hover{border-color:var(--gold)}
.fp.on{background:linear-gradient(110deg,#c99653,#f2d9a7 55%,#D4A574);color:#3a2405;border-color:transparent;box-shadow:0 8px 20px rgba(212,165,116,.35)}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pk{position:relative;background:rgba(255,255,255,.8);border:1px solid var(--line);backdrop-filter:blur(12px);border-radius:24px;padding:26px 24px;box-shadow:0 14px 36px rgba(0,40,90,.07);transition:.3s;display:flex;flex-direction:column;overflow:hidden}
.pk::after{content:"";position:absolute;top:0;right:-85%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-18deg);opacity:0;transition:.65s}
.pk:hover::after{right:125%;opacity:1}
.pk:hover{transform:translateY(-6px);border-color:rgba(212,165,116,.55);box-shadow:0 24px 54px rgba(0,40,90,.13)}
.pk .fam{font-size:.72rem;font-weight:800;color:var(--royal);background:rgba(11,58,143,.07);padding:4px 12px;border-radius:20px;display:inline-block;margin-bottom:12px}
.pk .bdg{position:absolute;top:18px;left:18px;background:linear-gradient(120deg,#c99653,#f2d9a7);color:#3a2405;font-size:.7rem;font-weight:900;padding:4px 12px;border-radius:20px;box-shadow:0 6px 14px rgba(212,165,116,.4)}
.pk h3{color:var(--navy);font-size:1.05rem;font-weight:900;margin:8px 0 6px;display:flex;gap:10px;align-items:center}
.pk .d{color:var(--gray);font-size:.87rem;line-height:1.9;margin-bottom:12px}
.pk ul{flex:1;margin-bottom:14px}
.pk li{color:var(--gray);font-size:.83rem;padding:4px 0;line-height:1.8}
.pk li::before{content:"✦ ";color:var(--gold)}
.pk .dur{font-size:.78rem;font-weight:800;color:var(--navy);background:var(--bgs);border:1px solid var(--line);border-radius:20px;padding:5px 14px;display:inline-block;margin-bottom:14px;width:max-content}
.pk .go{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--navy);color:#fff;font-weight:800;font-size:.88rem;border-radius:40px;padding:11px 18px;transition:.3s}
.pk .go:hover{background:var(--royal)}
.bsec{background:linear-gradient(160deg,var(--navy) 0%,var(--navy2) 100%);color:#fff;position:relative;overflow:hidden}
.bsec::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:30px 30px}
.bsec .shead h2{color:#fff}
.bsec .shead p{color:#bfd2ee}
.bsec .shead .k{color:var(--goldL);border-color:rgba(212,165,116,.5);background:rgba(212,165,116,.12)}
.bcards{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bc{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);border-radius:20px;padding:24px 20px;transition:.3s}
.bc:hover{background:rgba(255,255,255,.14);transform:translateY(-5px)}
.bc h3{font-size:.98rem;font-weight:800;margin:12px 0 6px}
.bc p{color:#bfd2ee;font-size:.84rem;line-height:1.9;font-weight:300}
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wy{padding:24px;border-radius:20px;background:var(--bgs);border:1px solid var(--line);transition:.3s}
.wy:hover{background:#fff;box-shadow:0 16px 38px rgba(0,40,90,.09)}
.wy .n{font-size:.85rem;font-weight:900;color:var(--goldD)}
.wy h3{color:var(--navy);font-size:1rem;font-weight:800;margin:6px 0}
.wy p{color:var(--gray);font-size:.86rem;line-height:1.9}
.tools{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
.tl2{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 8px;text-align:center;transition:.3s;color:var(--navy)}
.tl2:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 12px 28px rgba(212,165,116,.18)}
.tl2 .ic{margin:0 auto 8px;width:40px;height:40px;border-radius:12px}
.tl2 span{font-size:.72rem;font-weight:800;display:block;line-height:1.5}
.band{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bd2{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);border-radius:20px;text-align:center;padding:28px 10px}
.bd2 b{font-size:2.5rem;font-weight:900;color:var(--goldL)}
.bd2 span{color:#c4d5f2;font-size:.86rem}
.tq{background:rgba(255,255,255,.8);border:1px solid var(--line);backdrop-filter:blur(12px);border-radius:26px;padding:36px 32px;text-align:center;box-shadow:0 16px 40px rgba(0,40,90,.08);max-width:780px;margin:0 auto;min-height:210px}
.tq .stars{color:#e9b949;letter-spacing:4px;margin-bottom:12px}
.tq p{font-size:1.02rem;line-height:2.15;color:var(--ink);transition:opacity .4s}
.tq span{display:block;margin-top:14px;color:var(--goldD);font-weight:800;font-size:.87rem}
.tdots{text-align:center;margin-top:18px}
.tdots i{display:inline-block;width:9px;height:9px;border-radius:50%;background:rgba(0,51,102,.18);margin:0 5px;cursor:pointer;transition:.3s}
.tdots i.on{background:var(--gold);transform:scale(1.3)}
.faq{max-width:740px;margin:0 auto}
.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:12px;padding:18px 22px;box-shadow:0 8px 22px rgba(0,40,90,.05)}
.faq summary{cursor:pointer;font-weight:800;color:var(--navy)}
.faq p{color:var(--gray);margin-top:10px;line-height:2}
.cta2{position:relative;border-radius:30px;overflow:hidden;padding:60px 30px;text-align:center;background:linear-gradient(120deg,#c99653,#f2d9a7 40%,#D4A574 75%,#c99653);background-size:180% auto}
.cta2::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.12) 45%,transparent 65%)}
.cta2 h2{position:relative;color:#3a2405;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:900}
.cta2 p{position:relative;color:#5c3f14;margin:10px 0 26px;font-weight:700}
.cta2 .nbtn{background:var(--navy);border-color:var(--navy);color:#fff}
.cta2 .nbtn:hover{background:#00264d}
footer{background:linear-gradient(160deg,var(--navy),#00264d);color:#b9cbe6;padding:48px 0 24px;margin-top:84px}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.12)}
footer .lg2{background:#fff;display:inline-flex;border-radius:14px;padding:8px 14px;margin-bottom:14px}
footer .lg2 img{height:56px}
footer h4{color:#fff;margin-bottom:12px}
footer li{padding:4px 0;font-weight:300}
footer a:hover{color:var(--goldL)}
footer .cp{text-align:center;padding-top:18px;font-size:.8rem;color:#7f97bd}
.rev{opacity:0;transform:translateY(26px);transition:.7s cubic-bezier(.2,.7,.3,1)}
.rev.in{opacity:1;transform:none}
.wafl{position:fixed;bottom:22px;left:22px;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(0,0,0,.25);z-index:95;transition:.25s}
.wafl:hover{transform:scale(1.08)}
@media(max-width:980px){.hero .wrap{grid-template-columns:1fr}.pgrid{grid-template-columns:1fr 1fr}.bcards{grid-template-columns:1fr 1fr}.why{grid-template-columns:1fr}.tools{grid-template-columns:repeat(4,1fr)}.band{grid-template-columns:1fr 1fr}.navp ul{display:none}footer .cols{grid-template-columns:1fr}}
@media(max-width:640px){.pgrid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.gold-t,.cta2{animation:none}.rev{opacity:1;transform:none}.pk::after{display:none}}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.cc{position:relative;background:rgba(255,255,255,.88);border:1px solid var(--line);backdrop-filter:blur(12px);border-radius:24px;padding:28px 22px;text-align:center;box-shadow:0 14px 34px rgba(0,40,90,.07);transition:.3s;display:flex;flex-direction:column}.cc:hover{transform:translateY(-6px);border-color:rgba(212,165,116,.55);box-shadow:0 22px 48px rgba(0,40,90,.13)}.cc.feat{border:2px solid transparent;background:linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)) padding-box,linear-gradient(120deg,#c99653,#f2d9a7,#c99653) border-box;box-shadow:0 24px 54px rgba(212,165,116,.26)}.cc .tagf{position:absolute;top:-13px;right:50%;transform:translateX(50%);background:linear-gradient(120deg,#c99653,#f2d9a7);color:#3a2405;font-size:.72rem;font-weight:900;padding:5px 16px;border-radius:30px;white-space:nowrap;box-shadow:0 8px 18px rgba(212,165,116,.4)}.cc h3{color:var(--navy);font-size:1.02rem;font-weight:900;margin-bottom:4px;line-height:1.7}.cc .world{font-size:.78rem;color:var(--goldD);font-weight:800;margin-bottom:6px}.cc .num{color:var(--gray);font-size:1.05rem;direction:ltr;margin-bottom:16px;font-weight:700}.cc .btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}.soc{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.so{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--navy);font-weight:800;font-size:.85rem;transition:.25s}.so .ic{margin:0;width:62px;height:62px;border-radius:18px}.so .ic svg{width:28px;height:28px}.so:hover{transform:translateY(-5px)}.info3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sd{background:var(--bgs);border:1px solid var(--line);border-radius:20px;padding:22px;text-align:center}.sd h3{color:var(--navy);font-size:.98rem;font-weight:900;margin:10px 0 4px}.sd p{color:var(--gray);font-size:.86rem;line-height:1.9}.sd a{color:var(--royal);font-weight:800}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.st{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;text-align:center;box-shadow:0 10px 26px rgba(0,40,90,.06)}.st .n{width:46px;height:46px;border-radius:50%;margin:0 auto 10px;background:linear-gradient(135deg,#c99653,#f2d9a7);color:#3a2405;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:1.05rem;box-shadow:0 8px 18px rgba(212,165,116,.35)}.st h3{color:var(--navy);font-size:.95rem;margin-bottom:4px}.st p{color:var(--gray);font-size:.83rem;line-height:1.8}.info3{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.cc .btns{grid-template-columns:1fr}.hero.compact{padding:140px 0 56px;text-align:center}.hero.compact h1{max-width:820px;margin:0 auto}.hero.compact .sub{margin:16px auto 0}.hero.compact .crow{justify-content:center;margin-top:26px}.hgrid{display:grid;grid-template-columns:1.06fr .94fr;gap:48px;align-items:center}.prose{max-width:840px;margin:0 auto}.prose h2{color:var(--navy);font-weight:900;margin:34px 0 12px;font-size:1.4rem}.prose h3{color:var(--navy);font-weight:800;margin:24px 0 10px;font-size:1.1rem}.prose p{color:var(--gray);line-height:2.15;margin-bottom:14px}.prose ul{margin:10px 0 18px}.prose li{color:var(--gray);line-height:2;padding:4px 0}.prose li::before{content:"\2726  ";color:var(--gold)}footer .cols4{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:28px;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.12)}footer .fsoc{display:flex;gap:10px;margin-top:12px}footer .fsoc a{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;transition:.25s}footer .fsoc a:hover{background:var(--gold);color:#3a2405}footer .fsoc svg{width:18px;height:18px}@media(max-width:980px){.hgrid{grid-template-columns:1fr}footer .cols4{grid-template-columns:1fr 1fr}}@media(max-width:640px){footer .cols4{grid-template-columns:1fr}}
#pg>*{cursor:pointer}
/*lgfix*/.navp .lg img,footer .lg2 img,.hlogo img,img.hlogo{width:auto!important;height:auto;max-height:100%}.navp .lg img{height:54px!important}footer .lg2 img{height:56px!important}