.home-hero-motion_headerEnter__O1h1K {
  animation: home-hero-motion_headerEnter__O1h1K 620ms var(--home-ease-enter) both;
}

.home-hero-motion_panelReveal__qgS_Q {
  animation: home-hero-motion_panelReveal__qgS_Q 820ms var(--home-ease-enter) 140ms both;
}

.home-hero-motion_eyebrowEnter___yQyv {
  animation: home-hero-motion_copyEnter__WBcNM 560ms var(--home-ease-enter) 480ms both;
}

.home-hero-motion_titleEnter__ab7H7 {
  animation: home-hero-motion_copyEnter__WBcNM 680ms var(--home-ease-enter) 590ms both;
}

.home-hero-motion_descriptionEnter___yiJ1 {
  animation: home-hero-motion_copyEnter__WBcNM 620ms var(--home-ease-enter) 720ms both;
}

.home-hero-motion_cardEnter__wi2SJ {
  --card-index: 0;
  animation: home-hero-motion_cardEnter__wi2SJ 620ms var(--home-ease-enter) calc(420ms + (var(--card-index) * 90ms))
    backwards;
}

.home-hero-motion_waterDriftBack__bXwsf {
  animation: home-hero-motion_waterDriftBack__bXwsf 16s ease-in-out infinite alternate;
}

.home-hero-motion_waterDriftFront__1qU8u {
  animation: home-hero-motion_waterDriftFront__1qU8u 12s ease-in-out infinite alternate;
}

@keyframes home-hero-motion_headerEnter__O1h1K {
  from {
    opacity: 0;
    transform: translateY(-0.8rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes home-hero-motion_panelReveal__qgS_Q {
  from {
    opacity: 0;
    clip-path: inset(0 0 0 10% round 5rem 0 0 0);
    transform: translateX(1.4rem);
  }

  to {
    opacity: 1;
    clip-path: inset(0 0 0 0 round 5rem 0 0 0);
    transform: translateX(0);
  }
}

@keyframes home-hero-motion_copyEnter__WBcNM {
  from {
    opacity: 0;
    transform: translateY(0.8rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes home-hero-motion_cardEnter__wi2SJ {
  from {
    opacity: 0;
    transform: translateY(1rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes home-hero-motion_waterDriftBack__bXwsf {
  from {
    transform: translateX(-1.5%);
  }

  to {
    transform: translateX(1.5%);
  }
}

@keyframes home-hero-motion_waterDriftFront__1qU8u {
  from {
    transform: translateX(1.2%);
  }

  to {
    transform: translateX(-1.2%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-hero-motion_headerEnter__O1h1K,
  .home-hero-motion_panelReveal__qgS_Q,
  .home-hero-motion_eyebrowEnter___yQyv,
  .home-hero-motion_titleEnter__ab7H7,
  .home-hero-motion_descriptionEnter___yiJ1,
  .home-hero-motion_cardEnter__wi2SJ,
  .home-hero-motion_waterDriftBack__bXwsf,
  .home-hero-motion_waterDriftFront__1qU8u {
    opacity: 1;
    clip-path: none;
    transform: none;
    translate: none;
    animation: none;
  }
}

.home-hero-tokens_tokens__LAjM_ {
  --home-cream: #f4efe6;
  --home-surface: rgb(255 253 249 / 82%);
  --home-card: rgb(255 253 249 / 64%);
  --home-navy: #071c3b;
  --home-navy-deep: #04152f;
  --home-text: #10213b;
  --home-muted: #526178;
  --home-blue: #2f83c5;
  --home-sky: #7fb7e6;
  --home-sky-bright: #4ba6ef;
  --home-lavender: #a888ee;
  --home-active-start: #0a2348;
  --home-active-end: #04152f;
  --home-border: rgb(16 33 59 / 13%);
  --home-border-strong: rgb(16 33 59 / 19%);
  --home-white: #fffdf9;
  --home-header-bg-start: #e8dfd2;
  --home-header-bg-end: #ddd2c3;
  --home-header-glow: rgb(114 188 235 / 32%);
  --home-header-radius: 1.85rem;
  --home-card-radius: 1.8rem;
  --home-panel-radius: 5.1rem;
  --home-container: 92rem;
  --home-header-shadow:
    0 0 0 1px rgb(255 255 255 / 38%),
    0 0.55rem 1.65rem rgb(114 188 235 / 24%),
    0 1.35rem 3.15rem rgb(14 37 80 / 12%),
    0 0 3.75rem var(--home-header-glow),
    0 0 6.5rem rgb(114 188 235 / 16%);
  --home-control-shadow:
    0 0.25rem 0.65rem rgb(14 37 80 / 8%),
    0 0.65rem 1.55rem rgb(114 188 235 / 18%),
    0 0 1.75rem rgb(114 188 235 / 10%);
  --home-control-shadow-hover:
    0 0.4rem 0.95rem rgb(14 37 80 / 10%),
    0 0.85rem 2rem rgb(114 188 235 / 26%),
    0 0 2.25rem rgb(114 188 235 / 14%);
  --home-drawer-shadow:
    0.85rem 0 2.35rem rgb(14 37 80 / 12%),
    0 0 3.25rem var(--home-header-glow),
    0 0 5rem rgb(114 188 235 / 14%);
  --home-ease-enter: cubic-bezier(0.22, 1, 0.36, 1);
  --home-ease-hover: cubic-bezier(0.2, 0.8, 0.2, 1);
  --home-font-arabic: var(--font-arabic), Arial, sans-serif;
  --home-font-english: var(--font-english), Arial, sans-serif;
}

html[data-theme='dark'] .home-hero-tokens_tokens__LAjM_ {
  --home-cream: #0a1428;
  --home-surface: rgb(16 30 54 / 78%);
  --home-card: rgb(18 34 60 / 70%);
  --home-navy: #071c3b;
  --home-navy-deep: #040f22;
  --home-text: #e8eef8;
  --home-muted: #95a4bb;
  --home-blue: #6eb4e8;
  --home-sky: #86c4f0;
  --home-sky-bright: #5eb4f4;
  --home-lavender: #b3a4f0;
  --home-active-start: #16325c;
  --home-active-end: #0b1c38;
  --home-border: rgb(150 178 214 / 16%);
  --home-border-strong: rgb(150 178 214 / 28%);
  --home-white: #f2f6fc;
  --home-header-shadow:
    0 0 0 1px rgb(150 196 239 / 14%),
    0 0.55rem 1.5rem rgb(0 0 0 / 28%),
    0 1.25rem 3rem rgb(0 0 0 / 38%),
    0 0 2.5rem rgb(94 180 244 / 14%);
  --home-control-shadow:
    0 0.25rem 0.65rem rgb(0 0 0 / 22%),
    0 0.55rem 1.25rem rgb(94 180 244 / 12%);
  --home-control-shadow-hover:
    0 0.4rem 0.95rem rgb(0 0 0 / 28%),
    0 0.85rem 1.85rem rgb(94 180 244 / 20%);
  --home-drawer-shadow:
    0.85rem 0 2.5rem rgb(0 0 0 / 34%),
    0 0 3rem rgb(94 180 244 / 16%),
    0 0 4.5rem rgb(94 180 244 / 10%);
}

.navigation-drawer_overlay__YjlvZ {
  position: fixed;
  inset: 0;
  z-index: 9998;
  border: 0;
  margin: 0;
  padding: 0;
  background: rgb(7 28 59 / 48%);
  cursor: pointer;
}

.navigation-drawer_panel__1pcCi {
  position: fixed;
  inset-block: 0;
  inset-inline-start: 0;
  z-index: 9999;
  isolation: isolate;
  display: flex;
  width: min(21rem, 88vw);
  flex-direction: column;
  padding: max(1.25rem, env(safe-area-inset-top)) 1rem max(1.25rem, env(safe-area-inset-bottom));
  border-inline-end: 1px solid rgb(255 255 255 / 42%);
  background: linear-gradient(
    180deg,
    var(--home-header-bg-start) 0%,
    var(--home-header-bg-end) 100%
  );
  box-shadow: var(--home-drawer-shadow);
  overflow-y: auto;
}

.navigation-drawer_panel__1pcCi::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(
    ellipse 90% 48% at 50% 0%,
    var(--home-header-glow) 0%,
    rgb(114 188 235 / 14%) 40%,
    transparent 72%
  );
  filter: blur(0.55rem);
}

.navigation-drawer_panel__1pcCi::after {
  content: '';
  position: absolute;
  inset-inline: 8%;
  inset-block-start: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgb(255 255 255 / 68%) 18%,
    rgb(255 255 255 / 88%) 50%,
    rgb(255 255 255 / 68%) 82%,
    transparent 100%
  );
}

.navigation-drawer_list__IFc00 {
  display: grid;
  gap: 0.55rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.navigation-drawer_link__JPLTq {
  display: flex;
  min-height: 3.2rem;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 0.95rem;
  border: 1px solid rgb(255 255 255 / 58%);
  border-radius: 1rem;
  color: var(--home-text);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
  background: linear-gradient(180deg, rgb(248 244 237 / 98%) 0%, rgb(240 233 223 / 92%) 100%);
  box-shadow: var(--home-control-shadow);
  transition:
    color 220ms ease,
    background-color 220ms ease,
    border-color 220ms ease,
    box-shadow 280ms ease,
    transform 220ms var(--home-ease-hover);
}

.navigation-drawer_link__JPLTq:hover {
  color: var(--home-blue);
  background: linear-gradient(180deg, rgb(252 248 242 / 100%) 0%, rgb(244 237 228 / 96%) 100%);
  border-color: rgb(47 131 197 / 28%);
  box-shadow: var(--home-control-shadow-hover);
  transform: translateY(-0.05rem);
}

.navigation-drawer_link__JPLTq:focus-visible {
  outline: 0.125rem solid rgb(47 131 197 / 72%);
  outline-offset: 0.15rem;
}

.navigation-drawer_linkActive__4085Y {
  color: var(--home-white);
  background: linear-gradient(145deg, var(--home-active-start), var(--home-active-end));
  border-color: transparent;
  box-shadow:
    0 0.55rem 1.25rem rgb(7 28 59 / 14%),
    0 0 1.35rem rgb(114 188 235 / 24%),
    0 0 2.1rem rgb(114 188 235 / 14%);
}

.navigation-drawer_linkActive__4085Y:hover {
  color: var(--home-white);
  background: linear-gradient(145deg, #0c294f, #061b38);
  box-shadow:
    0 0.65rem 1.45rem rgb(7 28 59 / 18%),
    0 0 1.65rem rgb(114 188 235 / 28%),
    0 0 2.35rem rgb(114 188 235 / 16%);
  transform: translateY(-0.05rem);
}

.navigation-drawer_icon__pJAYJ {
  width: 1.35rem;
  height: 1.35rem;
  flex: 0 0 auto;
}

html[data-theme='dark'] .navigation-drawer_panel__1pcCi {
  border-inline-end-color: rgb(150 196 239 / 16%);
  background: linear-gradient(180deg, rgb(22 40 68 / 96%) 0%, rgb(16 30 54 / 92%) 100%);
  box-shadow: var(--home-drawer-shadow);
}

html[data-theme='dark'] .navigation-drawer_panel__1pcCi::before {
  background: radial-gradient(
    ellipse 90% 48% at 50% 0%,
    rgb(94 180 244 / 18%) 0%,
    rgb(94 180 244 / 8%) 42%,
    transparent 72%
  );
}

html[data-theme='dark'] .navigation-drawer_panel__1pcCi::after {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgb(150 196 239 / 22%) 18%,
    rgb(150 196 239 / 34%) 50%,
    rgb(150 196 239 / 22%) 82%,
    transparent 100%
  );
}

html[data-theme='dark'] .navigation-drawer_link__JPLTq {
  background: linear-gradient(180deg, rgb(24 42 72 / 92%) 0%, rgb(16 30 54 / 82%) 100%);
  border-color: rgb(150 196 239 / 14%);
  box-shadow: var(--home-control-shadow);
}

html[data-theme='dark'] .navigation-drawer_link__JPLTq:hover {
  background: linear-gradient(180deg, rgb(30 50 82 / 96%) 0%, rgb(22 40 68 / 90%) 100%);
  border-color: rgb(126 196 239 / 32%);
  box-shadow: var(--home-control-shadow-hover);
}