@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --bg:#f5f7fb; --surface:#fff; --surface-2:#eef4fb; --text:#162033; --muted:#6b778d;
  --brand:#0b3b5c; --brand-2:#0f6e88; --accent:#36c4a1; --line:#d9e2ef;
  --shadow:0 20px 60px rgba(15,42,67,.10); --radius:22px; --content:1040px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at top left,rgba(54,196,161,.12),transparent 34rem),var(--bg);color:var(--text);font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.8} body[dir="rtl"]{font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif;font-size:18px;line-height:1.9} a{color:inherit;text-decoration:none}.container{width:min(1140px,calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:rgba(245,247,251,.80);border-bottom:1px solid rgba(217,226,239,.85)}.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{display:inline-flex;align-items:center;gap:12px;font-weight:800;color:var(--brand);letter-spacing:-.02em}.logo-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 12px 26px rgba(15,110,136,.25)}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--brand);font-weight:700;font-size:14px;transition:.2s ease}.pill:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(12,37,55,.08)}.pill.primary{background:var(--brand);color:#fff;border-color:var(--brand)}
.hero{padding:70px 0 42px}.hero.compact{padding-bottom:28px}.hero-card{position:relative;overflow:hidden;border-radius:calc(var(--radius) + 10px);padding:clamp(30px,6vw,70px);background:linear-gradient(135deg,#0b3b5c 0%,#0f6e88 58%,#36c4a1 100%);color:white;box-shadow:var(--shadow)}.hero-card:after{content:"";position:absolute;inset:auto -6rem -8rem auto;width:24rem;height:24rem;border-radius:50%;background:rgba(255,255,255,.14)}.kicker{display:inline-block;margin-bottom:18px;padding:8px 12px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(255,255,255,.12);font-size:14px;font-weight:700}.hero h1{max-width:900px;margin:0;font-size:clamp(34px,5.8vw,66px);line-height:1.05;letter-spacing:-.055em}body[dir="rtl"] .hero h1{letter-spacing:-.02em}.hero .subtitle{max-width:880px;margin:18px 0 0;font-size:clamp(19px,2.2vw,27px);color:rgba(255,255,255,.88)}
.page-hero{padding:52px 0 24px}.page-hero h1{margin:14px 0 0;color:var(--brand);font-size:clamp(34px,4.2vw,54px);line-height:1.1;letter-spacing:-.04em}body[dir="rtl"] .page-hero h1{letter-spacing:-.01em}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--brand-2);font-weight:800}.doc-home,.content-wrap{padding-bottom:80px}.intro-panel{margin-top:10px}.doc-panel{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.doc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 26px;background:linear-gradient(180deg,#fff,#f7fbff);border-bottom:1px solid var(--line);color:var(--brand)}.doc-toolbar strong{font-size:18px}.doc-toolbar span{color:var(--muted);font-size:14px;font-weight:700}.section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:26px}.section-card{display:block;position:relative;min-height:188px;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fff,#f9fcff);transition:.22s ease}.section-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(15,42,67,.10);border-color:rgba(15,110,136,.28)}.section-number{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--surface-2);color:var(--brand);font-weight:900}.section-card h3{margin:18px 0 10px;color:var(--brand);font-size:22px;line-height:1.25}.section-card p{margin:0 0 18px;color:var(--muted)}.section-card strong{color:var(--brand-2)}
.on-page-nav{margin:0 0 22px;padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 38px rgba(15,42,67,.06)}.on-page-nav strong{display:block;margin-bottom:12px;color:var(--brand);font-size:17px}.on-page-nav div{display:flex;flex-wrap:wrap;gap:8px}.on-page-nav a{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:var(--surface-2);color:var(--brand);font-size:14px;font-weight:700}.on-page-nav a.sub{opacity:.82;background:#f7f9fc}.on-page-nav a:hover{background:var(--brand);color:#fff}.doc-content{padding:34px clamp(22px,4vw,54px)}.doc-content h2{margin:48px 0 18px;color:var(--brand);font-size:clamp(30px,4vw,44px);line-height:1.15;letter-spacing:-.035em}.doc-content h2:first-child{margin-top:0}.doc-content h3{margin:34px 0 12px;color:var(--brand-2);font-size:clamp(23px,2.5vw,30px);line-height:1.25}.doc-content h4{margin:28px 0 10px;color:var(--brand);font-size:clamp(20px,2.1vw,24px);line-height:1.3}.doc-content p{margin:0 0 18px;color:#263247}.doc-content ul,.doc-content ol{margin:8px 0 24px;padding-inline-start:1.3em}.doc-content li{margin:7px 0;color:#263247}.doc-content table{width:100%;border-collapse:separate;border-spacing:0;margin:22px 0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.doc-content th,.doc-content td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}.doc-content tr:last-child td{border-bottom:0}.doc-content th{background:var(--surface-2);color:var(--brand);font-weight:800}.doc-content code{padding:.16em .35em;border-radius:6px;background:#edf3f8;color:var(--brand)}
.page-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.page-nav a{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 38px rgba(15,42,67,.06)}.page-nav span{color:var(--muted);font-weight:700;font-size:14px}.page-nav strong{color:var(--brand);font-size:18px}.page-nav .next{text-align:end}.root-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.root-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.root-card{padding:26px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.root-card h2{margin:0 0 10px;color:var(--brand)}.root-card p{color:var(--muted)}
@media(max-width:820px){.header-inner{align-items:flex-start;flex-direction:column;padding:14px 0}.hero{padding-top:36px}.section-grid,.root-card-grid,.page-nav{grid-template-columns:1fr}.doc-content{padding:26px 20px}.container{width:min(100% - 28px,1140px)}.on-page-nav div{max-height:260px;overflow:auto}.page-hero{padding-top:32px}}