*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:"Tajawal","Cairo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.topbar{position:sticky;top:0;z-index:1000;min-height:78px;display:flex;align-items:center;gap:22px;padding:10px clamp(16px,4vw,64px);background:linear-gradient(180deg,rgba(16,16,16,.96),rgba(16,16,16,.88));border-bottom:1px solid rgba(229,199,141,.13);backdrop-filter:blur(20px);box-shadow:0 16px 50px rgba(0,0,0,.25)}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:54px;height:54px;border-radius:18px;overflow:hidden;border:1px solid rgba(229,199,141,.55);background:#111;box-shadow:0 10px 28px rgba(209,181,133,.14)}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand span:last-child{display:grid;gap:0}.brand b{font-weight:900;letter-spacing:.07em;font-size:16px}.brand small{font-size:10px;letter-spacing:.24em;color:var(--c-gold);font-weight:800}.main-nav{margin-inline-start:auto;display:flex;align-items:center;gap:4px}.main-nav a{padding:10px 13px;border-radius:999px;color:#d7d0c6;font-size:14px;font-weight:800;transition:.22s}.main-nav a:hover,.main-nav a.active{color:#15120e;background:linear-gradient(135deg,var(--c-gold-bright),var(--c-gold-deep));box-shadow:0 10px 28px rgba(209,181,133,.16)}.main-nav .nav-cta{display:inline-flex;gap:7px;align-items:center;margin-inline-start:8px;background:rgba(255,255,255,.06);border:1px solid rgba(229,199,141,.28);color:var(--c-gold-bright)}.nav-toggle{display:none;margin-inline-start:auto;border:1px solid rgba(229,199,141,.28);background:#191817;color:#fff;border-radius:14px;width:46px;height:46px;font-size:24px}.public-flash{width:min(1180px,92vw);margin:14px auto 0;border-radius:16px;padding:12px 16px;position:relative;z-index:2}.public-flash.success{background:#173f2e}.public-flash.error{background:#5a1d1d}.hero{position:relative;isolation:isolate;min-height:calc(100svh - 78px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(28px,5vw,80px);padding:clamp(48px,7vw,100px) clamp(18px,6vw,88px);overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(209,181,133,.15),transparent 28%),radial-gradient(circle at 8% 82%,rgba(130,105,71,.14),transparent 26%),linear-gradient(135deg,#101010 0%,#181716 47%,#0c0c0c 100%)}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(229,199,141,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(229,199,141,.045) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 86%)}.hero:after{content:"";position:absolute;width:760px;height:760px;border:1px solid rgba(229,199,141,.14);border-radius:50%;left:-320px;bottom:-480px;box-shadow:0 0 0 70px rgba(229,199,141,.02),0 0 0 140px rgba(229,199,141,.015);z-index:-1}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(229,199,141,.28);background:rgba(229,199,141,.07);color:var(--c-gold-bright);border-radius:999px;padding:8px 13px;font-size:12px;font-weight:900;letter-spacing:.14em}.eyebrow:before{content:"";width:7px;height:7px;background:var(--c-gold-bright);border-radius:50%;box-shadow:0 0 16px var(--c-gold)}.hero h1{font-size:clamp(22px,1.95vw,30px)!important;line-height:1.38;margin:13px 0 15px;letter-spacing:-.012em;font-weight:900;max-width:680px;text-wrap:pretty}.hero h1 .gold{background:linear-gradient(135deg,#fff1ce 0%,var(--c-gold-bright) 35%,#8d7047 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:760px;font-size:clamp(17px,1.8vw,22px);line-height:1.9;color:#c4baac;font-weight:500}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;border-radius:16px;padding:13px 22px;font-weight:900;transition:.23s transform,.23s box-shadow,.23s border-color}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--c-gold-bright),var(--c-gold-deep));color:#17130e;box-shadow:0 18px 50px rgba(209,181,133,.2)}.btn-ghost{border:1px solid rgba(229,199,141,.24);background:rgba(255,255,255,.035);color:#f6f0e6}.hero-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.hero-badges span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#171716;border:1px solid rgba(255,255,255,.08);color:#bfb5a7;font-size:12px;font-weight:800}.hero-badges span:before{content:"•";color:var(--c-gold);font-size:20px;line-height:0}.hero-visual{position:relative;display:grid;place-items:center;min-height:520px}.hero-orbit{position:absolute;width:min(88%,580px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(229,199,141,.25);box-shadow:0 0 120px rgba(209,181,133,.12),inset 0 0 100px rgba(209,181,133,.04)}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border-radius:50%;inset:11%;border:1px dashed rgba(229,199,141,.16)}.hero-orbit:after{inset:23%;border-style:solid;opacity:.7}.hero-card{width:min(88%,510px);aspect-ratio:1;border-radius:42px;overflow:hidden;position:relative;background:#0c0c0c;border:1px solid rgba(229,199,141,.32);box-shadow:0 42px 120px rgba(0,0,0,.55),0 0 70px rgba(209,181,133,.12);transform:rotate(-1.4deg);transition:.3s}.hero-card:hover{transform:translateY(-7px) rotate(0)}.hero-card img{width:100%;height:100%;object-fit:cover}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 34%,transparent 64%,rgba(209,181,133,.08));pointer-events:none}.market-chip{position:absolute;bottom:12%;right:0;background:linear-gradient(135deg,#25221f,#111);border:1px solid rgba(229,199,141,.32);box-shadow:0 18px 50px rgba(0,0,0,.45);border-radius:20px;padding:13px 16px;display:flex;align-items:center;gap:12px}.market-chip i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--c-gold-bright),var(--c-gold-deep));color:#16120c}.market-chip span{display:grid}.market-chip b{font-size:15px}.market-chip small{color:#a89c8c}.stats{width:min(1180px,92vw);margin:-32px auto 0;position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(229,199,141,.16);border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#1b1a19,#111);box-shadow:0 28px 90px rgba(0,0,0,.42)}.stats>div{padding:26px clamp(18px,4vw,52px);border-inline-end:1px solid rgba(255,255,255,.06)}.stats>div:last-child{border-inline-end:0}.stats strong{display:block;font-size:clamp(28px,3.7vw,54px);line-height:1;color:var(--c-gold-bright);font-weight:900}.stats span{display:block;margin-top:8px;color:#b8ada0;font-weight:800}.marquee{overflow:hidden;margin-top:28px;border-block:1px solid rgba(229,199,141,.16);background:linear-gradient(90deg,#a9834f,var(--c-gold-bright),#8e6e45);color:#14100c}.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.marquee span{white-space:nowrap;padding:12px 28px;font-weight:900;letter-spacing:.11em;font-size:13px}@keyframes marquee{to{transform:translateX(33.333%)}}.section{padding:clamp(64px,8vw,112px) clamp(18px,6vw,88px)}.section.dark{background:linear-gradient(180deg,#0e0e0e,#141311)}.section.soft{background:radial-gradient(circle at 18% 20%,rgba(209,181,133,.07),transparent 28%),#181715}.section-title{max-width:860px;margin:0 0 34px}.section-title.center{text-align:center;margin-inline:auto}.section-title.center .eyebrow{justify-content:center}.section-title h2,.page-hero h1{font-size:clamp(34px,5.2vw,72px);line-height:1.05;margin:13px 0;color:#f8f1e6;letter-spacing:-.035em;font-weight:900;text-wrap:balance}.section-title p{font-size:18px;line-height:1.9;color:#aaa092;max-width:790px}.section-title.center p{margin-inline:auto}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:420px;padding:28px;border:1px solid rgba(229,199,141,.14);border-radius:30px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 22px 70px rgba(0,0,0,.18);transition:.25s transform,.25s border-color,.25s box-shadow}.service-card:hover{transform:translateY(-6px);border-color:rgba(229,199,141,.35);box-shadow:0 32px 90px rgba(0,0,0,.35)}.service-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:var(--c-gold);opacity:.045;left:-80px;bottom:-80px}.service-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.service-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#3a332a,#1d1b18);border:1px solid rgba(229,199,141,.25);font-size:27px;box-shadow:inset 0 0 25px rgba(209,181,133,.08)}.badge{font-size:11px;font-weight:900;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,var(--c-gold-bright),var(--c-gold-deep));color:#17120d}.service-card h3{font-size:27px;margin:22px 0 10px}.service-card>p{color:#afa494;line-height:1.85}.service-features{display:grid;gap:9px;margin:18px 0 26px;padding:0;list-style:none}.service-features li{display:flex;gap:9px;align-items:flex-start;color:#d8cfc2}.service-features i{color:var(--c-gold-bright);margin-top:3px}.service-bottom{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:auto;position:relative;z-index:1}.service-price strong{display:block;color:var(--c-gold-bright);font-size:25px}.service-price small{color:#948a7e}.text-link{display:inline-flex;gap:7px;align-items:center;color:var(--c-gold-bright);font-weight:900}.join-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:stretch}.join-visual{position:relative;min-height:560px;border-radius:36px;overflow:hidden;background:#0c0c0c;border:1px solid rgba(229,199,141,.2);box-shadow:0 30px 90px rgba(0,0,0,.3)}.join-visual img{width:100%;height:100%;object-fit:cover}.join-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(8,8,8,.9))}.join-overlay{position:absolute;inset:auto 24px 24px;z-index:2;background:rgba(15,15,15,.76);backdrop-filter:blur(14px);border:1px solid rgba(229,199,141,.18);border-radius:24px;padding:18px}.join-overlay b{color:var(--c-gold-bright);font-size:22px}.join-overlay p{color:#b4aa9d;line-height:1.7;margin:7px 0 0}.requirement-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.req-group{background:linear-gradient(150deg,#1d1c1a,#111);border:1px solid rgba(229,199,141,.13);border-radius:28px;padding:22px}.req-group h3{margin:0 0 16px;font-size:21px}.req-list{display:grid;gap:12px}.req-item{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:start;padding:13px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.04)}.req-item i{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(229,199,141,.09);color:var(--c-gold-bright);font-size:19px}.req-item b{display:block;margin-bottom:4px}.req-item p{margin:0;color:#a99f92;line-height:1.65;font-size:14px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:process}.process-card{counter-increment:process;position:relative;padding:30px;border-radius:28px;background:#121211;border:1px solid rgba(229,199,141,.13);overflow:hidden}.process-card:after{content:"0" counter(process);position:absolute;left:18px;top:4px;font-size:86px;font-weight:900;color:rgba(229,199,141,.05)}.process-card i{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--c-gold-bright),var(--c-gold-deep));color:#18130d;font-size:23px}.process-card h3{font-size:24px;margin:20px 0 8px}.process-card p{color:#a9a093;line-height:1.8;margin:0}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.signal-card{border:1px solid rgba(229,199,141,.15);border-radius:28px;padding:24px;background:linear-gradient(150deg,#191817,#101010);position:relative;overflow:hidden}.signal-card.buy:before,.signal-card.sell:before{content:"";position:absolute;inset:0 auto 0 0;width:4px}.signal-card.buy:before{background:#3ed598}.signal-card.sell:before{background:#ef6a6a}.signal-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.signal-head strong{font-size:24px;color:var(--c-gold-bright)}.signal-dir{font-size:12px;padding:7px 10px;border-radius:999px;font-weight:900}.buy .signal-dir{background:rgba(62,213,152,.1);color:#72e5b5}.sell .signal-dir{background:rgba(239,106,106,.1);color:#ff9c9c}.signal-levels{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.signal-levels div{padding:11px;border-radius:14px;background:#0d0d0d;border:1px solid rgba(255,255,255,.045)}.signal-levels span{display:block;color:#827a70;font-size:11px}.signal-levels b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#f1eadf}.signal-note{margin:14px 0 0;color:#a99e90;line-height:1.7}.editorial{display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:center}.editorial-media{min-height:540px;border-radius:38px;overflow:hidden;border:1px solid rgba(229,199,141,.2);background:#0d0d0d;box-shadow:0 34px 90px rgba(0,0,0,.32)}.editorial-media img{width:100%;height:100%;min-height:540px;object-fit:cover}.editorial-copy{border-radius:34px;padding:clamp(25px,4vw,54px);background:linear-gradient(150deg,#1c1b19,#101010);border:1px solid rgba(229,199,141,.13);box-shadow:0 24px 80px rgba(0,0,0,.22)}.editorial-copy h2{font-size:clamp(34px,4.8vw,66px);margin:14px 0;line-height:1.08}.editorial-copy p{color:#b6ab9d;font-size:18px;line-height:2}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.gallery-item{grid-column:span 4;position:relative;min-height:260px;border-radius:24px;overflow:hidden;border:1px solid rgba(229,199,141,.13);background:#111}.gallery-item:nth-child(1),.gallery-item:nth-child(5){grid-column:span 8}.gallery-item img{width:100%;height:100%;min-height:260px;object-fit:cover;transition:.35s transform}.gallery-item:hover img{transform:scale(1.035)}.gallery-caption{position:absolute;inset:auto 0 0;padding:20px;background:linear-gradient(transparent,rgba(0,0,0,.82));font-weight:800}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}.contact-panel,.contact-form{border-radius:32px;padding:clamp(24px,4vw,42px);background:linear-gradient(150deg,#1d1c1a,#111);border:1px solid rgba(229,199,141,.13)}.contact-panel .contact-logo{width:116px;height:116px;border-radius:28px;object-fit:cover;border:1px solid rgba(229,199,141,.3);box-shadow:0 20px 60px rgba(0,0,0,.32);margin-bottom:18px}.contact-panel h2,.contact-form h2{font-size:clamp(29px,4vw,50px);margin:8px 0 12px}.contact-panel p{color:#aca194;line-height:1.9}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.contact-link{display:flex;gap:11px;align-items:center;padding:13px;border-radius:17px;background:#111;border:1px solid rgba(255,255,255,.05);transition:.2s}.contact-link:hover{border-color:rgba(229,199,141,.28);transform:translateY(-2px)}.contact-link i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(229,199,141,.09);color:var(--c-gold-bright);font-size:19px}.contact-link span{display:grid;min-width:0}.contact-link b{font-size:14px}.contact-link small{color:#8e857a;overflow:hidden;text-overflow:ellipsis}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:grid;gap:7px;font-weight:800;color:#d6cdc1}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid textarea{width:100%;padding:14px 15px;border-radius:15px;border:1px solid rgba(229,199,141,.14);background:#0d0d0d;color:#fff;outline:none;transition:.2s}.form-grid input:focus,.form-grid textarea:focus{border-color:rgba(229,199,141,.45);box-shadow:0 0 0 3px rgba(229,199,141,.07)}.form-grid textarea{min-height:150px;resize:vertical}.honeypot{position:absolute;left:-9999px}.risk-note{width:min(1180px,92vw);margin:0 auto 70px;border:1px solid rgba(229,199,141,.13);background:rgba(229,199,141,.05);border-radius:22px;padding:17px 20px;color:#aaa092;line-height:1.8}.risk-note i{color:var(--c-gold-bright);margin-inline-end:7px}.final-cta{width:min(1180px,92vw);margin:0 auto clamp(64px,8vw,110px);border-radius:38px;padding:clamp(30px,5vw,65px);display:flex;justify-content:space-between;gap:30px;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 22%,rgba(229,199,141,.16),transparent 32%),linear-gradient(135deg,#26221c,#111);border:1px solid rgba(229,199,141,.22);box-shadow:0 34px 100px rgba(0,0,0,.34)}.final-cta:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid rgba(229,199,141,.16);left:-120px;bottom:-170px}.final-cta h2{font-size:clamp(30px,4.4vw,58px);margin:0 0 10px}.final-cta p{color:#aea395;margin:0;line-height:1.8}.page-hero{position:relative;overflow:hidden;padding:clamp(65px,8vw,115px) clamp(18px,6vw,88px);text-align:center;background:radial-gradient(circle at 50% 10%,rgba(229,199,141,.13),transparent 28%),linear-gradient(135deg,#171614,#0c0c0c);border-bottom:1px solid rgba(229,199,141,.12)}.page-hero:after{content:"MASTER EL GOLD";position:absolute;left:50%;bottom:-23px;transform:translateX(-50%);font-size:clamp(56px,11vw,150px);font-weight:900;white-space:nowrap;letter-spacing:-.06em;color:rgba(229,199,141,.025);pointer-events:none}.page-hero p{max-width:760px;margin:0 auto;color:#aaa093;font-size:18px;line-height:1.85}.prose-card{width:min(980px,92vw);margin:60px auto;border-radius:30px;padding:clamp(24px,4vw,48px);background:#171614;border:1px solid rgba(229,199,141,.14);line-height:2;color:#c0b6aa}.prose-card h2,.prose-card h3{color:#f4eadb}.service-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-detail{padding:30px;border-radius:30px;background:#151412;border:1px solid rgba(229,199,141,.14)}.service-detail h2{font-size:31px;margin:12px 0}.service-detail p{color:#aaa093;line-height:1.85}.service-detail .terms{margin-top:20px;padding:15px;border-radius:17px;background:rgba(229,199,141,.05);color:#bcb1a3;line-height:1.75}.site-footer{background:#090909;border-top:1px solid rgba(229,199,141,.13);padding:58px clamp(18px,6vw,88px) 24px}.footer-grid{display:grid;grid-template-columns:1.4fr .75fr .8fr .85fr;gap:30px}.footer-brand{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:center}.footer-brand img{width:70px;height:70px;border-radius:18px;object-fit:cover;border:1px solid rgba(229,199,141,.25)}.footer-brand strong{display:block;font-size:21px}.footer-brand small{color:var(--c-gold);letter-spacing:.16em;font-size:10px}.footer-brand p{grid-column:1/-1;max-width:460px;color:#8f877e;line-height:1.8}.site-footer h3{font-size:15px;color:var(--c-gold-bright);margin:0 0 16px}.site-footer>div:not(.footer-bottom) a{display:block;margin:9px 0;color:#aaa196}.footer-socials{display:flex;gap:8px;flex-wrap:wrap}.footer-socials a{width:42px;height:42px!important;margin:0!important;border-radius:13px;display:grid!important;place-items:center;border:1px solid rgba(229,199,141,.13);background:#141413;color:#ddd!important;font-size:18px}.footer-socials a:hover{color:#17130e!important;background:var(--c-gold-bright)}.footer-bottom{display:flex;justify-content:space-between;gap:18px;margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06);color:#6e6861;font-size:13px}.floating-action{position:fixed;z-index:900;bottom:20px;left:20px;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:26px;box-shadow:0 18px 50px rgba(0,0,0,.35)}.floating-action.whatsapp{background:#25D366;color:#07170c}.empty-state{padding:30px;text-align:center;border:1px dashed rgba(229,199,141,.2);border-radius:24px;color:#9e9589}.meta-inline{display:flex;gap:8px;flex-wrap:wrap}.meta-inline span{font-size:11px;padding:6px 9px;border-radius:999px;background:#0e0e0e;border:1px solid rgba(255,255,255,.05);color:#8f877c}
@media(max-width:1080px){.main-nav a{padding:9px 10px;font-size:13px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-top:20px}.hero-visual{min-height:480px}.service-grid{grid-template-columns:repeat(2,1fr)}.join-shell,.editorial,.contact-grid{grid-template-columns:1fr}.join-visual{min-height:460px}.footer-grid{grid-template-columns:1fr 1fr}.service-detail-grid{grid-template-columns:1fr}}
@media(max-width:1080px){.hero h1{font-size:28px!important;line-height:1.4;max-width:660px}}
@media(max-width:820px){.nav-toggle{display:grid;place-items:center}.main-nav{position:absolute;top:calc(100% + 8px);left:14px;right:14px;display:none;flex-direction:column;align-items:stretch;padding:12px;border-radius:22px;background:rgba(14,14,14,.98);border:1px solid rgba(229,199,141,.18);box-shadow:0 24px 70px rgba(0,0,0,.46)}.main-nav.open{display:flex}.main-nav a{text-align:center}.main-nav .nav-cta{margin-inline-start:0}.brand{min-width:0}.brand small{display:none}.stats{grid-template-columns:1fr;margin-top:-12px}.stats>div{border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.06);text-align:center}.stats>div:last-child{border-bottom:0}.requirement-columns{grid-template-columns:1fr}.process-grid,.signal-grid{grid-template-columns:1fr}.gallery-item,.gallery-item:nth-child(1),.gallery-item:nth-child(5){grid-column:span 6}.final-cta{flex-direction:column;align-items:flex-start}.contact-links{grid-template-columns:1fr}}
@media(max-width:620px){.topbar{min-height:70px;padding-inline:13px}.brand-mark{width:48px;height:48px;border-radius:15px}.brand b{font-size:14px}.hero{padding:36px 17px 58px}.hero h1{font-size:21px!important;line-height:1.42;max-width:100%;letter-spacing:-.008em}.hero p{font-size:16px}.hero-actions .btn{width:100%}.hero-visual{min-height:390px}.hero-card{width:92%;border-radius:30px}.market-chip{right:5px;bottom:7%}.section{padding:58px 17px}.section-title h2,.page-hero h1{font-size:36px}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.join-visual{min-height:380px}.editorial-media,.editorial-media img{min-height:390px}.gallery-item,.gallery-item:nth-child(1),.gallery-item:nth-child(5){grid-column:1/-1}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.floating-action{left:14px;bottom:14px}.service-detail{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}.hero-card,.service-card,.contact-link,.btn,.gallery-item img{transition:none}}
.auth-shell{min-height:calc(100svh - 78px);display:grid;grid-template-columns:1fr 1fr;background:radial-gradient(circle at 12% 16%,rgba(209,181,133,.10),transparent 25%),#10100f}.auth-visual{position:relative;min-height:680px;overflow:hidden;display:flex;align-items:flex-end;padding:clamp(30px,6vw,78px)}.auth-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d0d0d 0%,rgba(13,13,13,.20) 60%,rgba(13,13,13,.05));z-index:1}.auth-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.03)}.auth-visual>div{position:relative;z-index:2;max-width:640px}.auth-visual h1{font-size:clamp(42px,5vw,78px);line-height:1.02;margin:18px 0}.auth-visual p{color:#c6bbad;font-size:18px;line-height:1.9}.auth-card{align-self:center;width:min(580px,88%);margin:auto;background:linear-gradient(145deg,#1b1917,#111);border:1px solid rgba(229,199,141,.20);border-radius:32px;padding:clamp(26px,5vw,50px);box-shadow:0 34px 100px rgba(0,0,0,.45)}.auth-card h2{font-size:34px;margin:16px 0 8px}.auth-muted{color:#a9a095;line-height:1.8}.auth-form{display:grid;gap:16px;margin-top:24px}.auth-form label{display:grid;gap:8px;font-weight:800;color:#d7cec2}.auth-form input{width:100%;border:1px solid rgba(229,199,141,.20);background:#0d0d0d;color:#fff;border-radius:15px;padding:14px 15px;outline:none}.auth-form input:focus{border-color:var(--c-gold);box-shadow:0 0 0 3px rgba(209,181,133,.09)}.auth-form .btn{width:100%;margin-top:4px}.otp-input{text-align:center;direction:ltr;font-size:30px!important;letter-spacing:.35em;font-weight:900}.auth-switch{margin-top:22px;color:#9f9588}.auth-switch a,.text-button{color:var(--c-gold-bright);font-weight:900}.auth-inline{margin-top:13px}.text-button{border:0;background:transparent;cursor:pointer;padding:0}.account-card{width:min(860px,100%);margin:auto;display:grid;gap:14px;padding:30px;border-radius:30px;border:1px solid rgba(229,199,141,.18);background:linear-gradient(145deg,#1b1917,#111)}.account-card>div:not(.account-avatar){display:grid;grid-template-columns:150px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}.account-card span{color:#9f9588}.account-card b{color:#f5eee4}.account-card small{grid-column:2;color:#8fdbb2}.account-avatar{width:84px;height:84px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(135deg,var(--c-gold-bright),var(--c-gold-deep));color:#18130d;font-size:38px;margin-bottom:10px}.nav-account{border:1px solid rgba(229,199,141,.18)!important}.nav-account i{color:var(--c-gold-bright)}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:440px}.auth-card{margin:34px auto 58px}.account-card>div:not(.account-avatar){grid-template-columns:1fr}}
@media(max-width:620px){.auth-visual{min-height:360px;padding:28px 18px}.auth-visual h1{font-size:40px}.auth-card{width:calc(100% - 28px);padding:24px 18px;border-radius:24px}.auth-card h2{font-size:28px}.otp-input{font-size:26px!important}.account-card{padding:20px;border-radius:22px}}

/* =========================================================
   R2.5 — Sitewide Arabic Typography System
   Compact, premium scale for desktop/tablet/mobile.
   ========================================================= */
:root{
  --type-hero-title:clamp(24px,2vw,30px);
  --type-section-title:clamp(26px,2.35vw,34px);
  --type-page-title:clamp(28px,2.65vw,38px);
  --type-feature-title:clamp(26px,2.35vw,34px);
  --type-card-title:clamp(20px,1.5vw,23px);
  --type-small-title:clamp(18px,1.25vw,21px);
  --type-body-lg:clamp(16px,1.2vw,18px);
  --type-body:clamp(15px,1vw,16px);
}

/* Stable Arabic rhythm across the whole public/member experience. */
h1,h2,h3,h4,h5,h6{
  font-family:"Tajawal","Cairo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  line-height:1.34;
  letter-spacing:-.012em;
  text-wrap:balance;
}
p,li,label,input,select,textarea,button,a{line-height:1.65}

/* Home hero: prominent, but no longer oversized. */
.hero h1{
  font-size:var(--type-hero-title)!important;
  line-height:1.42!important;
  margin:14px 0 14px;
  max-width:650px;
  letter-spacing:-.008em;
}
.hero p{
  font-size:var(--type-body-lg);
  line-height:1.85;
  max-width:720px;
}

/* Main section headings used throughout the home page. */
.section-title{max-width:820px;margin-bottom:30px}
.section-title h2{
  font-size:var(--type-section-title)!important;
  line-height:1.38!important;
  letter-spacing:-.012em!important;
  margin:12px 0 10px;
}
.section-title p{
  font-size:var(--type-body);
  line-height:1.85;
}

/* Internal page titles. */
.page-hero h1{
  font-size:var(--type-page-title)!important;
  line-height:1.38!important;
  letter-spacing:-.012em!important;
  margin:12px 0 10px;
}
.page-hero p{
  font-size:var(--type-body);
  line-height:1.85;
}

/* Cards and secondary headings. */
.service-card h3{
  font-size:var(--type-card-title)!important;
  line-height:1.45;
  margin:18px 0 8px;
}
.service-card>p,.service-features li{font-size:15px}
.req-group h3{
  font-size:var(--type-small-title)!important;
  line-height:1.45;
  margin-bottom:14px;
}
.req-item b{font-size:15.5px}
.req-item p{font-size:14.5px;line-height:1.75}
.process-card h3{
  font-size:var(--type-small-title)!important;
  line-height:1.45;
  margin:17px 0 7px;
}
.process-card p{font-size:15px;line-height:1.8}

/* Editorial / About / Contact. */
.editorial-copy h2{
  font-size:var(--type-feature-title)!important;
  line-height:1.4!important;
  letter-spacing:-.012em!important;
  margin:12px 0 10px;
}
.editorial-copy p{font-size:var(--type-body);line-height:1.9}
.contact-panel h2,.contact-form h2{
  font-size:clamp(25px,2.1vw,31px)!important;
  line-height:1.4!important;
  letter-spacing:-.012em!important;
  margin:8px 0 10px;
}
.contact-panel p,.contact-form p{font-size:var(--type-body);line-height:1.85}

/* CTA headings such as "جاهز لمعرفة الخدمة المناسبة؟" and "بعد مراجعة الشروط". */
.final-cta h2{
  font-size:clamp(25px,2.2vw,32px)!important;
  line-height:1.42!important;
  letter-spacing:-.012em!important;
  margin:0 0 8px;
}
.final-cta p{font-size:var(--type-body);line-height:1.8}

/* Services/details/legal pages. */
.service-detail h2{
  font-size:clamp(22px,1.8vw,26px)!important;
  line-height:1.45;
  margin:10px 0;
}
.service-detail p,.service-detail .terms{font-size:15px}
.prose-card{font-size:15.5px;line-height:1.95}
.prose-card h2{font-size:clamp(23px,2vw,28px);line-height:1.45}
.prose-card h3{font-size:clamp(19px,1.5vw,22px);line-height:1.5}

/* Member authentication pages were also using display-scale headings. */
.auth-visual h1{
  font-size:clamp(28px,2.8vw,38px)!important;
  line-height:1.4!important;
  letter-spacing:-.012em!important;
  margin:14px 0 10px;
}
.auth-visual p{font-size:var(--type-body);line-height:1.85}
.auth-card h2{
  font-size:clamp(23px,2vw,28px)!important;
  line-height:1.45!important;
  margin:13px 0 7px;
}

/* Keep stats strong without looking like page headings. */
.stats strong{
  font-size:clamp(24px,2.6vw,38px)!important;
  line-height:1.15;
}
.stats span{font-size:14.5px}

@media(max-width:820px){
  :root{
    --type-hero-title:26px;
    --type-section-title:28px;
    --type-page-title:31px;
    --type-feature-title:29px;
    --type-card-title:21px;
    --type-small-title:19px;
    --type-body-lg:16px;
    --type-body:15.5px;
  }
}

@media(max-width:620px){
  :root{
    --type-hero-title:21px;
    --type-section-title:23px;
    --type-page-title:25px;
    --type-feature-title:24px;
    --type-card-title:20px;
    --type-small-title:18px;
    --type-body-lg:15.5px;
    --type-body:15px;
  }
  .hero h1{line-height:1.48!important;margin:12px 0 12px}
  .hero p{font-size:15.5px;line-height:1.82}
  .section-title{margin-bottom:25px}
  .section-title h2,.page-hero h1{line-height:1.45!important}
  .contact-panel h2,.contact-form h2{font-size:23px!important}
  .final-cta h2{font-size:23px!important;line-height:1.48!important}
  .service-detail h2{font-size:21px!important}
  .auth-visual h1{font-size:24px!important;line-height:1.5!important}
  .auth-card h2{font-size:22px!important}
  .stats strong{font-size:28px!important}
}

/* =========================================================
   R2.6 — Contact page horizontal overflow / alignment repair
   Fixes the contact page drifting far left in RTL layouts.
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}

/* Keep the contact content inside the same centered content rail as the rest of the site. */
.contact-grid{
  width:min(1180px,100%);
  max-width:100%;
  margin-inline:auto;
  align-items:start;
  min-width:0;
}
.contact-grid>*{min-width:0;max-width:100%}
.contact-panel,.contact-form{width:100%;min-width:0;max-width:100%}
.form-grid,.form-grid label,.form-grid input,.form-grid textarea{min-width:0;max-width:100%}
.contact-link{min-width:0;max-width:100%}
.contact-link span{min-width:0;max-width:100%}
.contact-link small{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/*
   Do not move the anti-spam field thousands of pixels off-canvas.
   That old technique created a huge horizontal scroll area, especially in RTL.
*/
.honeypot{
  position:fixed!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  opacity:0!important;
  pointer-events:none!important;
  inset:auto!important;
}
.honeypot input{width:1px!important;height:1px!important;padding:0!important;border:0!important}

@supports (overflow:clip){
  html,body{overflow-x:clip}
}

@media(max-width:1080px){
  .contact-grid{width:min(760px,100%)}
}

@media(max-width:620px){
  .contact-grid{width:100%;gap:16px}
  .contact-panel,.contact-form{padding:22px 17px;border-radius:24px}
  .contact-panel .contact-logo{width:88px;height:88px;border-radius:22px}
  .contact-links{margin-top:18px}
}