:root {
  color-scheme: light;
  font-family: 'DM Sans', sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  --legal-ink: #142b45;
  --legal-muted: #617586;
  --legal-brand: #245d72;
  --legal-accent: #36a493;
  --legal-border: #e2eaed;
}

* { box-sizing: border-box; }
body { min-width: 320px; min-height: 100vh; margin: 0; color: var(--legal-ink); background: #f5f8f8; font-family: 'DM Sans', 'Noto Sans Arabic', sans-serif; }
a { color: inherit; }
.legal-header { display: flex; width: min(1160px, calc(100% - 48px)); min-height: 82px; align-items: center; justify-content: space-between; gap: 18px; margin: auto; }
.legal-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--legal-ink); font: 800 19px/1 'Manrope', sans-serif; text-decoration: none; letter-spacing: -.6px; }
.legal-brand img { width: 42px; height: 42px; border-radius: 12px; }
.legal-header-actions { display: flex; align-items: center; gap: 20px; }
.legal-header-actions > a { color: #526879; font-size: 13px; font-weight: 650; text-decoration: none; }
.legal-header-actions > a:hover { color: var(--legal-brand); }
.legal-login { padding: 11px 16px; border: 1px solid #d7e4e8; border-radius: 11px; color: var(--legal-brand) !important; background: #fff; }
.legal-language { display: flex; align-items: center; gap: 8px; padding: 5px 10px; border: 1px solid var(--legal-border); border-radius: 11px; background: #fff; }
.legal-language img { width: 22px; height: 16px; object-fit: cover; border-radius: 3px; }
.legal-language select { max-width: 115px; height: 29px; border: 0; outline: 0; color: #42586a; background: transparent; font: 600 12px 'DM Sans', sans-serif; cursor: pointer; }
.legal-main { width: min(900px, calc(100% - 40px)); margin: 34px auto 84px; }
.legal-back { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 22px; color: #647a89; font-size: 12px; font-weight: 650; text-decoration: none; }
.legal-back:hover { color: var(--legal-brand); }
.legal-card { padding: clamp(25px, 5vw, 58px); border: 1px solid var(--legal-border); border-radius: 24px; background: #fff; box-shadow: 0 28px 80px rgb(20 54 74 / 7%); }
.legal-kicker { margin: 0 0 12px; color: var(--legal-accent); font-size: 10px; font-weight: 800; letter-spacing: 1.8px; text-transform: uppercase; }
.legal-card h1 { margin: 0; color: var(--legal-ink); font: 800 clamp(32px, 5vw, 48px)/1.12 'Manrope', sans-serif; letter-spacing: -1.8px; }
.legal-intro { max-width: 730px; margin: 18px 0 12px; color: #526879; font-size: 16px; line-height: 1.8; }
.legal-updated { color: #84939d; font-size: 11px; }
.legal-sections { display: grid; gap: 28px; margin-top: 40px; }
.legal-section { padding-top: 25px; border-top: 1px solid #e9eff1; }
.legal-section h2 { margin: 0 0 12px; color: #1c3b50; font: 750 18px/1.45 'Manrope', sans-serif; }
.legal-section p { margin: 0 0 12px; color: #536978; font-size: 14px; line-height: 1.9; white-space: pre-line; }
.legal-section p:last-child { margin-bottom: 0; }
.legal-section-action { display: inline-flex; align-items: center; min-height: 42px; padding: 0 16px; border: 1px solid #c7dfdf; border-radius: 12px; color: #174b5d; background: #eff8f7; font-weight: 700; text-decoration: none; }
.legal-section-action:hover { border-color: #8fc5c2; background: #e4f3f1; }
.legal-section-action:focus-visible { outline: 3px solid #268f92; outline-offset: 3px; }
.legal-footer { display: flex; width: min(1160px, calc(100% - 48px)); align-items: center; justify-content: space-between; gap: 20px; margin: auto; padding: 25px 0 32px; border-top: 1px solid #e3eaed; color: #7d8c96; font-size: 11px; }
.legal-footer nav { display: flex; flex-wrap: wrap; gap: 17px; }
.legal-footer a { color: #657b89; text-decoration: none; }
.legal-footer a:hover { color: var(--legal-brand); }
.legal-load-error { margin-top: 26px; padding: 16px; border: 1px solid #f0c4c0; border-radius: 12px; color: #9a3d35; background: #fff5f3; font-size: 13px; }
.legal-load-error[hidden] { display: none; }
[dir='rtl'] { font-family: 'Noto Sans Arabic', 'DM Sans', sans-serif; }
[dir='rtl'] .legal-card h1, [dir='rtl'] .legal-section h2, [dir='rtl'] .legal-brand { font-family: 'Noto Sans Arabic', 'Manrope', sans-serif; letter-spacing: 0; }
.legal-home-header { width: min(1240px, calc(100% - 64px)); min-height: 86px; border-bottom: 1px solid #edf1ee; }
.legal-language { min-height: 40px; gap: 7px; padding: 5px 9px; border-color: transparent; background: transparent; box-shadow: none; }
.legal-language:hover, .legal-language:focus-within { border-color: transparent; background: transparent; }
.legal-language select { max-width: 100px; height: 28px; }
.legal-home-header .home-nav { margin-inline-start: auto; }
@media (max-width: 940px) { .legal-home-header { width: min(100% - 44px, 720px); } }
@media (max-width: 680px) { .legal-home-header { width: calc(100% - 36px); min-height: 72px; } }
@media (max-width: 680px) {
  .legal-home-header .home-header-actions { gap: 5px; }
  .legal-language { gap: 4px; padding-inline: 4px; }
  .legal-language img { width: 18px; }
  .legal-language select { max-width: 54px; font-size: 10px; }
  .legal-home-header .home-login-link { min-height: 36px; padding-inline: 9px; font-size: 10px; }
}
@media (max-width: 390px) {
  .legal-language img { display: none; }
  .legal-language select { max-width: 43px; }
  .legal-home-header .home-theme-toggle { width: 32px; height: 32px; flex-basis: 32px; }
}
:root[data-theme='dark'] body { color: #d7e4e4; background: radial-gradient(ellipse at 12% 6%, #193332 0, transparent 33%), radial-gradient(ellipse at 91% 18%, #202e3c 0, transparent 29%), #101a20; }
:root[data-theme='dark'] .legal-home-header { border-color: #293d43; }
:root[data-theme='dark'] .legal-language select { color: #cfdddf; }
:root[data-theme='dark'] .legal-language:hover, :root[data-theme='dark'] .legal-language:focus-within { border-color: #344b51; background: #1b2b31; }
:root[data-theme='dark'] .legal-back { color: #a9c1c0; }
:root[data-theme='dark'] .legal-card { border-color: #2e454b; background: linear-gradient(150deg, #1a2a30, #14232a); box-shadow: 0 35px 90px rgb(0 0 0 / 22%); }
:root[data-theme='dark'] .legal-card h1, :root[data-theme='dark'] .legal-section h2 { color: #e1eeee; }
:root[data-theme='dark'] .legal-intro, :root[data-theme='dark'] .legal-section p { color: #b0c1c2; }
:root[data-theme='dark'] .legal-section { border-color: #30454b; background: linear-gradient(145deg, #1a2b31, #17262c); }
:root[data-theme='dark'] .legal-section:first-child { background: linear-gradient(120deg, #1c3335, #18282f 78%); }
:root[data-theme='dark'] .legal-section h2::before { color: #8fe0cf; background: #25413f; }
:root[data-theme='dark'] .legal-updated { border-color: #30454b; color: #a9babc; background: #1a2a30; }
:root[data-theme='dark'] .legal-footer { border-color: #293d43; }
:root[data-theme='dark'] .legal-footer, :root[data-theme='dark'] .legal-footer a { color: #9cb4b4; }
:root[data-theme='dark'] .legal-footer a { border-color: #30454b; background: #17262c; }
@media (max-width: 640px) {
  .legal-header { width: calc(100% - 32px); min-height: 72px; }
  .legal-brand { gap: 7px; font-size: 16px; }
  .legal-brand img { width: 36px; height: 36px; }
  .legal-header-actions { gap: 8px; }
  .legal-header-actions > a { font-size: 11px; }
  .legal-login { padding: 10px 11px; }
  .legal-language { gap: 5px; padding: 4px 6px; }
  .legal-language select { max-width: 82px; font-size: 11px; }
  .legal-main { margin-top: 16px; }
  .legal-card { border-radius: 18px; }
  .legal-intro { font-size: 14px; }
  .legal-section h2 { font-size: 16px; }
  .legal-section p { font-size: 13px; }
  .legal-footer { width: calc(100% - 40px); align-items: flex-start; flex-direction: column; gap: 11px; }
}

:root {
  --legal-ink: #142b45;
  --legal-muted: #637786;
  --legal-brand: #245d72;
  --legal-accent: #268f92;
  --legal-border: #dfe9eb;
}
body { background: radial-gradient(ellipse at 12% 6%, #e5f2ef 0, transparent 33%), radial-gradient(ellipse at 91% 18%, #e6eef7 0, transparent 29%), #f6f9fa; }
.legal-header { position: relative; min-height: 88px; }
.legal-header::after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: linear-gradient(90deg, transparent, #d7e4e8 18%, #d7e4e8 82%, transparent); content: ''; }
.legal-brand img { width: 46px; height: 46px; border-radius: 14px; box-shadow: 0 8px 20px rgb(20 43 69 / 13%); }
.legal-login { border-color: #cadfe3; color: #173c51 !important; background: linear-gradient(180deg, #fff, #f5fafb); box-shadow: 0 4px 12px rgb(20 43 69 / 4%); }
.legal-language { border-color: #d8e5e8; box-shadow: 0 4px 12px rgb(20 43 69 / 4%); }
.legal-language, .legal-language:hover, .legal-language:focus-within { border-color: transparent; background: transparent; box-shadow: none; }
:root[data-theme='dark'] .legal-language:hover, :root[data-theme='dark'] .legal-language:focus-within { border-color: transparent; background: transparent; }
.legal-main { width: min(980px, calc(100% - 40px)); margin-top: 38px; }
.legal-back { margin-inline-start: 7px; color: #456779; }
.legal-card { position: relative; overflow: hidden; padding: clamp(28px, 5vw, 62px); border-color: rgb(214 229 232 / 88%); border-radius: 30px; background: linear-gradient(150deg, rgb(255 255 255 / 99%), rgb(251 253 253 / 96%)); box-shadow: 0 35px 90px rgb(20 43 69 / 9%), 0 3px 12px rgb(20 43 69 / 3%); }
.legal-card::before { position: absolute; top: -148px; right: -126px; width: 330px; height: 330px; border-radius: 50%; background: radial-gradient(circle, rgb(118 232 208 / 20%), rgb(118 232 208 / 0%) 70%); pointer-events: none; content: ''; }
.legal-card > * { position: relative; }
.legal-kicker { display: inline-flex; align-items: center; min-height: 30px; gap: 8px; padding: 0 12px; border: 1px solid #d8ece8; border-radius: 99px; color: #26777b; background: #f1faf8; font-size: 9px; letter-spacing: 1.2px; }
.legal-card h1 { max-width: 760px; font-size: clamp(34px, 5vw, 54px); letter-spacing: -2px; }
.legal-intro { max-width: 700px; margin-top: 19px; color: #506779; font-size: 16px; }
.legal-updated { display: inline-flex; min-height: 28px; align-items: center; margin-top: 3px; padding: 0 10px; border: 1px solid #e3ebed; border-radius: 99px; color: #647b88; background: #f7fafb; }
.legal-sections { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; margin-top: 35px; counter-reset: legal-section; }
.legal-section { min-width: 0; min-height: 100%; padding: 23px 22px 21px; border: 1px solid #e2ebed; border-radius: 19px; background: linear-gradient(145deg, #fff, #f7fafb); box-shadow: 0 8px 20px rgb(20 43 69 / 3%); counter-increment: legal-section; }
.legal-section:first-child { grid-column: 1 / -1; background: linear-gradient(120deg, #f1f8f7, #f8fbfc 78%); }
.legal-section h2 { display: flex; align-items: flex-start; gap: 11px; margin-bottom: 12px; color: #1a3a50; font-size: 16px; }
.legal-section h2::before { display: grid; width: 29px; height: 29px; flex: 0 0 29px; place-items: center; margin-top: -3px; border-radius: 10px; color: #245d72; background: #e4f2f2; font: 800 9px/1 'Manrope', sans-serif; content: counter(legal-section, decimal-leading-zero); }
.legal-section p { color: #526979; font-size: 13px; line-height: 1.85; }
.legal-footer { border-color: #dce7e9; }
.legal-footer nav { gap: 8px; }
.legal-footer a { padding: 8px 11px; border: 1px solid #e0e9eb; border-radius: 99px; background: rgb(255 255 255 / 75%); }
.legal-footer a:hover { border-color: #bddbdc; background: #fff; }
@media (max-width: 720px) {
  .legal-main { margin-top: 20px; }
  .legal-card { border-radius: 22px; }
  .legal-sections { grid-template-columns: 1fr; gap: 11px; margin-top: 27px; }
  .legal-section:first-child { grid-column: auto; }
  .legal-section { padding: 19px 17px; }
  .legal-card h1 { letter-spacing: -1.3px; }
  .legal-footer nav { gap: 7px; }
}