:root {
      --primary: #0b7d69;
      --primary-dark: #075e50;
      --gold: #c59a45;
      --gold-soft: #d7b26a;

      --bg: #f7f9f8;
      --surface: #ffffff;
      --text: #17262b;
      --muted: #66767b;
      --border: #e2e9e7;

      --shadow: 0 16px 38px rgba(12, 55, 48, 0.08);
      --radius: 22px;
      --container: 1080px;
    }

    * {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      font-family: "Cairo", Tahoma, Arial, sans-serif;

      background:
        radial-gradient(
          circle at 90% 0%,
          rgba(11, 125, 105, 0.09),
          transparent 32%
        ),
        var(--bg);

      color: var(--text);
      line-height: 1.9;
    }

    .container {
      width: min(calc(100% - 36px), var(--container));
      margin-inline: auto;
    }

    header {
      position: sticky;
      top: 0;
      z-index: 100;

      background: rgba(247, 249, 248, 0.94);
      backdrop-filter: blur(16px);

      border-bottom: 1px solid rgba(11, 125, 105, 0.09);
    }

    .header-inner {
      min-height: 126px;

      display: flex;
      align-items: center;
      justify-content: space-between;

      gap: 28px;
    }

    .brand {
      display: flex;
      align-items: center;
    }

    .brand-logo {
      height: 118px;
      width: auto;

      display: block;
      object-fit: contain;
    }

    .header-action {
      display: inline-flex;
      align-items: center;
      justify-content: center;

      min-height: 48px;
      padding: 0 22px;

      border-radius: 14px;

      background: var(--primary);
      color: white;

      text-decoration: none;
      font-weight: 800;

      box-shadow:
        0 10px 24px rgba(11, 125, 105, 0.18);

      transition:
        background 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
    }

    .header-action:hover {
      background: var(--primary-dark);
      transform: translateY(-2px);

      box-shadow:
        0 14px 28px rgba(11, 125, 105, 0.22);
    }

    footer {
      padding: 34px 20px;

      background: white;

      border-top:
        1px solid var(--border);

      text-align: center;

      color: var(--muted);
    }

    .footer-inner {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;

      gap: 14px;
    }

    .footer-slogan-image {
      height: 58px;
      width: auto;
      max-width: 280px;

      display: block;
      object-fit: contain;
    }

    .footer-info {
      display: flex;
      align-items: center;
      justify-content: center;

      gap: 8px;

      flex-wrap: wrap;
    }

    .footer-name {
      color: var(--primary-dark);
      font-weight: 800;
    }

    .footer-domain {
      color: var(--gold);
      font-weight: 800;
    }

    .footer-separator {
      color: var(--muted);
    }

    :root {
      --primary: #0b7d69;
      --primary-dark: #075e50;
      --primary-deep: #063e36;
      --gold: #c59a45;
      --gold-soft: #d7b26a;
      --gold-pale: #f5ead2;
      --bg: #f6f9f8;
      --surface: #ffffff;
      --surface-soft: #eef7f4;
      --text: #142629;
      --muted: #6d7d7c;
      --border: #dfe9e6;
      --shadow-soft: 0 18px 50px rgba(10, 57, 49, .08);
      --shadow-strong: 0 28px 80px rgba(7, 62, 54, .14);
    }

    body {
      overflow-x: hidden;
      background:
        radial-gradient(circle at 90% 4%, rgba(11,125,105,.10), transparent 27%),
        radial-gradient(circle at 10% 18%, rgba(197,154,69,.08), transparent 25%),
        var(--bg);
    }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 100;
      background: rgba(246,249,248,.88);
      border-bottom: 1px solid rgba(11,125,105,.08);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
    }

    .site-header .header-inner {
      min-height: 92px;
      gap: 28px;
    }

    .site-header .brand {
      flex: 0 0 auto;
      text-decoration: none;
    }

    .site-header .brand-logo {
      height: 78px;
    }

    .main-nav {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 28px;
    }

    .main-nav a {
      position: relative;
      color: #415350;
      text-decoration: none;
      font-size: 13px;
      font-weight: 800;
      transition: color .18s ease;
    }

    .main-nav a::after {
      content: "";
      position: absolute;
      right: 0;
      left: 0;
      bottom: -8px;
      height: 2px;
      border-radius: 999px;
      background: var(--gold);
      transform: scaleX(0);
      transition: transform .18s ease;
    }

    .main-nav a:hover {
      color: var(--primary-dark);
    }

    .main-nav a:hover::after {
      transform: scaleX(1);
    }

    .site-header .header-action {
      min-height: 46px;
      padding-inline: 18px;
      border-radius: 13px;
      font-size: 12px;
      box-shadow: 0 10px 24px rgba(11,125,105,.16);
    }

    .site-footer {
      padding: 38px 0;
      background: #0a1b18;
      border-top: 0;
      color: rgba(255,255,255,.70);
    }

    .footer-premium {
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center;
      gap: 28px;
    }

    .footer-brand-block {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .footer-logo {
      width: 82px;
      height: 58px;
      object-fit: contain;
      filter: brightness(1.05);
    }

    .footer-brand-block p {
      margin: 0;
      color: var(--gold-soft);
      font-size: 10px;
      font-weight: 800;
    }

    .footer-links {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 18px;
    }

    .footer-links a {
      color: rgba(255,255,255,.66);
      text-decoration: none;
      font-size: 9px;
      font-weight: 800;
      transition: color .18s ease;
    }

    .footer-links a:hover {
      color: #fff;
    }

    .footer-contact-block {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
    }

    .footer-contact-block strong {
      color: #fff;
      font-size: 10px;
      font-weight: 900;
    }

    .footer-contact-block span {
      margin-top: 2px;
      color: var(--gold-soft);
      direction: ltr;
      font-size: 9px;
      font-weight: 800;
    }

    .footer-contact-block small {
      margin-top: 3px;
      color: rgba(255,255,255,.42);
      font-size: 8px;
    }

    @media (max-width: 980px) {
      .main-nav {
        gap: 18px;
      }

      .footer-premium {
        grid-template-columns: 1fr;
        text-align: center;
      }

      .footer-brand-block,
      .footer-links {
        justify-content: center;
      }

      .footer-contact-block {
        align-items: center;
      }
    }

    @media (max-width: 760px) {
      .site-header .header-inner {
        min-height: 78px;
        padding: 8px 0;
      }

      .site-header .brand-logo {
        height: 62px;
      }

      .main-nav {
        display: none;
      }
    }

    @media (max-width: 560px) {
      .site-header .header-action {
        min-height: 40px;
        padding-inline: 11px;
        font-size: 10px;
      }

      .footer-brand-block {
        flex-direction: column;
      }

      .footer-links {
        flex-wrap: wrap;
      }
    }

    .header-action {
      gap: 9px;
    }

    .header-chat-icon {
      width: 21px;
      height: 21px;
      flex: 0 0 21px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.9;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    @media (max-width: 560px) {
      .header-action {
        gap: 7px;
      }

      .header-chat-icon {
        width: 18px;
        height: 18px;
        flex-basis: 18px;
      }
    }

    .header-action {
      border: 0;
      cursor: pointer;
    }

    @media (max-width: 760px) {

      .header-inner {
        min-height: auto;

        padding: 15px 0;

        align-items: center;
      }

      .brand-logo {
        height: 82px;
      }

      .header-action {
        padding: 0 14px;
        font-size: 14px;
      }

      .footer-slogan-image {
        height: 44px;
        max-width: 220px;
      }
    }

    @media (max-width: 560px) {

      .header-inner {
        gap: 12px;
      }

      .brand-logo {
        height: 68px;
      }

      .header-action {
        min-height: 42px;

        padding: 0 12px;

        border-radius: 11px;

        font-size: 12px;
      }

      .footer-slogan-image {
        height: 38px;
        max-width: 190px;
      }
    }

    html {
      scroll-padding-top: 104px;
    }

    .site-header .header-inner {
      min-height: 98px;
    }

    .site-header .brand {
      width: 132px;
      height: 78px;
      display: grid;
      place-items: center;
      overflow: visible;
    }

    .site-header .brand-logo {
      width: 122px;
      height: 76px;
      object-fit: contain;
      transform: scale(1.42);
      transform-origin: center;
    }

    .main-nav {
      gap: 34px;
    }

    .main-nav a {
      font-size: 14px;
    }

    .site-header .header-action {
      min-height: 48px;
      padding-inline: 20px;
      font-size: 13px;
    }

    .site-footer {
      padding: 54px 0;
    }

    .footer-premium {
      gap: 36px;
    }

    .footer-logo {
      width: 100px;
      height: 70px;
      transform: scale(1.15);
    }

    .footer-brand-block p {
      font-size: 11px;
    }

    .footer-links {
      gap: 24px;
    }

    .footer-links a {
      font-size: 10px;
    }

    .footer-contact-block strong {
      font-size: 12px;
    }

    .footer-contact-block span {
      font-size: 10px;
    }

    .footer-contact-block small {
      margin-top: 5px;
      font-size: 9px;
    }

    @media (max-width: 980px) {
      .site-header .brand {
        width: 112px;
      }

      .site-header .brand-logo {
        width: 108px;
        transform: scale(1.34);
      }
    }

    @media (max-width: 760px) {
      html {
        scroll-padding-top: 84px;
      }

      .site-header .header-inner {
        min-height: 80px;
      }

      .site-header .brand {
        width: 96px;
        height: 62px;
      }

      .site-header .brand-logo {
        width: 92px;
        height: 60px;
        transform: scale(1.28);
      }

      .site-footer {
        padding: 42px 0;
      }
    }

    @media (max-width: 560px) {
      .site-header .brand {
        width: 82px;
      }

      .site-header .brand-logo {
        width: 80px;
        transform: scale(1.22);
      }

      .site-footer {
        padding: 36px 0;
      }
    }

  
/* Legal pages reuse the current site's header, footer and design tokens. */
[hidden]{display:none!important}
.legal-main{padding-block:32px 64px;min-height:65vh}
.legal-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-block-end:24px}
.legal-back{color:var(--primary-dark);font-size:13px;font-weight:800;text-decoration:none}
.legal-language{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.legal-language a{padding:7px 15px;border-radius:10px;text-decoration:none;color:var(--muted);font-size:12px;font-weight:800}
.legal-language a[aria-current=page]{background:var(--primary);color:#fff}
.legal-panel{max-width:900px;margin-inline:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);overflow:hidden}
.legal-intro{padding:36px 42px 28px;background:linear-gradient(130deg,var(--surface-soft),#fff);border-block-end:1px solid var(--border)}
.legal-eyebrow{font-size:11px;font-weight:800;letter-spacing:.02em;color:var(--primary)}
.legal-intro h1{margin:8px 0 12px;font-size:clamp(25px,3.5vw,38px);line-height:1.6;color:var(--primary-deep)}
.legal-lead{margin:0;color:var(--muted);font-size:14px;line-height:2}
.legal-date{display:inline-flex;margin-block-start:18px;padding:4px 12px;border:1px solid #dfcfad;border-radius:8px;color:#72531b;background:#fffaf0;font-size:11px;font-weight:700}
.legal-content{padding:8px 42px 34px;font-size:14px;line-height:2.05;overflow-wrap:anywhere}
.legal-content section{padding-block:21px;border-block-end:1px solid var(--border);scroll-margin-top:125px}
.legal-content section:last-child{border:0;padding-block-end:0}
.legal-content h2{font-size:18px;margin:0 0 10px;color:var(--primary-dark);line-height:1.7}
.legal-content p{margin:8px 0}
.legal-content ul,.legal-content ol{padding-inline-start:24px;margin:8px 0}
.legal-content li{padding-inline-start:4px;margin-block:5px}
.legal-content a{color:var(--primary-dark);text-underline-offset:4px}
.legal-contact{display:flex;gap:10px;flex-wrap:wrap;margin-block-start:16px}
.legal-contact a{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:10px;padding:9px 15px;text-decoration:none;font-size:12px;font-weight:800}
.legal-contact a:first-child{background:var(--primary);border-color:var(--primary);color:#fff}
.legal-note{border-inline-start:3px solid var(--gold);padding:13px 16px;background:#faf7ef;border-radius:8px;color:#554727}
.footer-links{flex-wrap:wrap;row-gap:10px}
a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:760px){.legal-main{padding-block:22px 38px}.legal-intro{padding:26px 23px 22px}.legal-content{padding:4px 23px 26px}.legal-content h2{font-size:17px}.legal-content section{padding-block:18px}}
@media(max-width:420px){.legal-main>.container{width:calc(100% - 24px)}.legal-tools{gap:10px}.legal-back{font-size:12px}.legal-language a{padding:6px 12px}.legal-intro,.legal-content{padding-inline:18px}.legal-contact{flex-direction:column}.legal-content{font-size:13px}.legal-intro h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}