:root{--ink:#102033;--muted:#64748b;--bg:#f7fafc;--white:#fff;--brand:#0f766e;--brand2:#0ea5e9;--accent:#f59e0b;--soft:#e6fffb;--line:#dbe5ef;--dark:#071827;--radius:18px;--max:1180px}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}.container{max-width:var(--max);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:20px;top:20px;background:#fff;padding:10px 14px;border-radius:10px;z-index:9999}
.topbar{background:var(--dark);color:#dbeafe;font-size:.9rem}.topbar .inner{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:8px 20px}.topbar a{color:#fff}
.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.02em}
.logo-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 10px 25px rgba(14,165,233,.18)}
.menu{display:flex;gap:18px;align-items:center;font-weight:750}.menu a{color:#22324a}.menu a.active,.menu a:hover{color:var(--brand)}.mobile-toggle{display:none}
.nav-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:999px;border:1px solid var(--line);font-weight:900;background:#fff;box-shadow:0 8px 20px rgba(2,12,27,.06)}
.btn.primary{background:linear-gradient(135deg,var(--brand),#0e9488);color:#fff;border:0}.btn.secondary{background:linear-gradient(135deg,var(--brand2),#2563eb);color:#fff;border:0}.btn.accent{background:var(--accent);color:#1c1200;border:0}.btn.ghost{background:transparent;box-shadow:none}.btn:hover{transform:translateY(-1px)}
.lang-toggle{border:1px solid var(--line);border-radius:999px;background:#fff;padding:10px 12px;font-weight:900;cursor:pointer}
.hero{background:radial-gradient(850px 350px at 80% 5%,rgba(14,165,233,.22),transparent 60%),radial-gradient(800px 400px at 5% 5%,rgba(15,118,110,.18),transparent 60%),linear-gradient(180deg,#fff,#f7fafc);padding:78px 0 52px}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}.kicker{display:inline-flex;gap:8px;align-items:center;background:var(--soft);color:var(--brand);border:1px solid #b7f0ea;border-radius:999px;padding:7px 12px;font-weight:900;font-size:.9rem}
h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.02;margin:18px 0 16px;letter-spacing:-.045em}.hero p{font-size:1.1rem;color:var(--muted);max-width:720px}
.hero-card,.card,.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 10px 24px rgba(2,12,27,.04)}.hero-card{box-shadow:0 22px 50px rgba(2,12,27,.09)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;text-align:center}.stat strong{font-size:1.25rem;color:var(--brand)}
.page-hero{background:linear-gradient(180deg,#fff,#f7fafc);padding:62px 0 34px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2rem,4vw,3.3rem)}
section{padding:64px 0}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}.section-title h2{font-size:clamp(1.7rem,3vw,2.4rem);margin:0;letter-spacing:-.03em}.section-title p{margin:8px 0 0;color:var(--muted);max-width:720px}
.grid{display:grid;gap:18px}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}
.card h3{margin:8px 0}.card p{color:var(--muted)}.icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#e6fffb,#e0f2fe);display:grid;place-items:center;font-weight:900;color:var(--brand)}
.badge{display:inline-flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 10px;font-weight:900;font-size:.85rem}.band{background:var(--dark);color:#e8f7ff}.band p,.band .muted{color:#b8c7d7}
.process{counter-reset:step}.step{position:relative;padding-left:58px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:20px;width:40px;height:40px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:900}
.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px}th{background:#f1f7fb;color:#102033}
.form{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-weight:900;font-size:.92rem}input,select,textarea{width:100%;padding:12px 13px;border-radius:12px;border:1px solid #cbd5e1;background:#fff;font:inherit}textarea{min-height:120px}
.notice{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:14px;padding:14px}.success{background:#ecfdf5;border:1px solid #bbf7d0;color:#14532d;border-radius:14px;padding:14px}.muted{color:var(--muted)}
.social{display:flex;gap:10px;flex-wrap:wrap}.social a{width:42px;height:42px;border-radius:14px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-weight:900}
.footer{background:var(--dark);color:#dbeafe;padding:54px 0 30px}.footer h3,.footer h4{color:#fff}.footer a{color:#dbeafe}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:24px}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:20px;color:#9fb2c9;font-size:.9rem}
.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:999}.whatsapp-float a{background:#25D366;color:#062b12;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;font-weight:900;box-shadow:0 16px 35px rgba(2,12,27,.2)}
.en{} .ar{display:none}body.lang-ar .en{display:none}body.lang-ar .ar{display:inline}body.lang-ar .ar-block{direction:rtl;text-align:right}
@media(max-width:980px){.hero-grid,.cols-2,.cols-3,.cols-4,.footer-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}}
@media(max-width:760px){.menu{display:none;position:absolute;top:72px;left:20px;right:20px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.mobile-toggle{display:inline-flex}.nav-actions .btn.secondary{display:none}.form-row{grid-template-columns:1fr}.topbar .inner{flex-direction:column;align-items:flex-start}}