/* Cache-busted homepage WhatsApp contrast override. */
.personal-home .personal-whatsapp {
  border-color: rgb(156 202 244 / 45%) !important;
  color: #fff !important;
  background: linear-gradient(135deg, #174f82, #123b65) !important;
  box-shadow: 0 14px 34px rgb(0 0 0 / 22%) !important;
}
.personal-home .personal-whatsapp * {
  color: #fff !important;
}

/* Sواح visual card system — layered surfaces with a calm travel palette. */
:root {
  --sawah-navy: #0b3157;
  --sawah-blue: #1763ed;
  --sawah-sky: #eaf4ff;
  --sawah-mint: #eaf8f4;
  --sawah-sand: #fff7e5;
  --sawah-gold: #efbd4d;
  --sawah-line: rgb(34 91 147 / 14%);
  --sawah-card-shadow: 0 18px 48px rgb(11 49 87 / 9%);
}

/* Main cards across the site */
.service-directory-card,
.service-card,
.guide-topic-card,
.activity-price-card,
.weather-city-card,
.sim-product-card,
.plans-city-card,
.customer-review-card,
.telegram-poll-card,
.flight-search-card,
.trip-calculator-card,
.price-detail-card,
.itinerary-day-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: var(--sawah-line);
  box-shadow: var(--sawah-card-shadow);
}

.service-directory-card::before,
.guide-topic-card::before,
.activity-price-card::before,
.weather-city-card::before,
.sim-product-card::before,
.plans-city-card::before,
.customer-review-card::before,
.telegram-poll-card::before,
.flight-search-card::before,
.trip-calculator-card::before,
.price-detail-card::before,
.itinerary-day-panel::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--sawah-blue), #55b9df 58%, #60c8ae);
}

/* Soft colour families; enough contrast to feel clickable without visual noise. */
.service-directory-card:nth-child(4n + 1),
.guide-topic-card:nth-child(4n + 1),
.activity-price-card:nth-child(4n + 1),
.telegram-poll-card:nth-child(4n + 1) {
  background: linear-gradient(145deg, #fff 24%, var(--sawah-sky));
}
.service-directory-card:nth-child(4n + 2),
.guide-topic-card:nth-child(4n + 2),
.activity-price-card:nth-child(4n + 2),
.telegram-poll-card:nth-child(4n + 2) {
  background: linear-gradient(145deg, #fff 22%, var(--sawah-mint));
}
.service-directory-card:nth-child(4n + 3),
.guide-topic-card:nth-child(4n + 3),
.activity-price-card:nth-child(4n + 3),
.telegram-poll-card:nth-child(4n + 3) {
  background: linear-gradient(145deg, #fff 24%, var(--sawah-sand));
}
.service-directory-card:nth-child(4n),
.guide-topic-card:nth-child(4n),
.activity-price-card:nth-child(4n),
.telegram-poll-card:nth-child(4n) {
  background: linear-gradient(145deg, #fff 24%, #f1efff);
}

/* Strong feature cards inspired by the supplied reference. */
.flight-help-card,
.telegram-community-card,
.service-rate-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgb(255 255 255 / 16%);
  color: #fff;
  background:
    radial-gradient(circle at 8% 10%, rgb(76 187 224 / 24%), transparent 34%),
    linear-gradient(135deg, #0a355c, #07516b);
  box-shadow: 0 24px 58px rgb(7 48 82 / 20%);
}
.flight-help-card::after,
.telegram-community-card::after,
.service-rate-card::after {
  content: "";
  position: absolute;
  width: 210px;
  height: 210px;
  inset-inline-start: -90px;
  bottom: -130px;
  border: 32px solid rgb(255 255 255 / 6%);
  border-radius: 50%;
  pointer-events: none;
}

/* Home cards gain richer surfaces while retaining the Sواح blue identity. */
.home-calculator-promo,
.home-internet-promo,
.home-essential-services > a,
.home-experience,
.home-guide-link,
.personal-business {
  border-color: var(--sawah-line);
  box-shadow: var(--sawah-card-shadow);
}
.home-calculator-promo {
  background:
    radial-gradient(circle at 5% 120%, rgb(23 99 237 / 10%), transparent 34%),
    linear-gradient(135deg, #fff, #eff6ff);
}
.home-prices-promo { background: linear-gradient(135deg, #fff, #fff6df); }
.home-flights-promo { background: linear-gradient(135deg, #fff, #edf4ff); }
.home-itinerary-promo { background: linear-gradient(135deg, #fff, #eaf8f4); }
.home-essential-services > a:nth-child(1) { background: linear-gradient(145deg, #fff, #edf4ff); }
.home-essential-services > a:nth-child(2) { background: linear-gradient(145deg, #fff, #eaf8f4); }
.home-experience-copy { background: linear-gradient(145deg, #fff, #f3f7fd); }

/* Clear interaction language. */
.service-directory-card,
.guide-topic-card,
.activity-price-card,
.plans-city-card,
.telegram-poll-card,
.home-essential-services > a,
.home-experience {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
@media (hover: hover) {
  .service-directory-card:hover,
  .guide-topic-card:hover,
  .activity-price-card:hover,
  .plans-city-card:hover,
  .telegram-poll-card:hover,
  .home-essential-services > a:hover,
  .home-experience:hover {
    transform: translateY(-4px);
    border-color: rgb(23 99 237 / 34%);
    box-shadow: 0 24px 58px rgb(11 49 87 / 14%);
  }
}

@media (max-width: 700px) {
  .service-directory-card,
  .service-card,
  .guide-topic-card,
  .activity-price-card,
  .weather-city-card,
  .sim-product-card,
  .plans-city-card,
  .customer-review-card,
  .telegram-poll-card,
  .flight-search-card,
  .trip-calculator-card,
  .price-detail-card,
  .itinerary-day-panel {
    box-shadow: 0 12px 30px rgb(11 49 87 / 8%);
  }
}

/* Text contrast inside the deep feature panels. */
.service-rate-card .service-rate-heading h3,
.service-rate-card .service-rate-heading .section-kicker,
.telegram-community-card h2,
.telegram-community-card .section-kicker,
.flight-help-card h2 {
  color: #fff;
}
.service-rate-card .service-rate-heading p,
.service-rate-card .service-rate-notes,
.telegram-community-card p,
.flight-help-card p {
  color: #d8e8f5;
}
.service-rate-card .service-rate-notes {
  border-top-color: rgb(255 255 255 / 18%);
}

/* Sواح contest banner and details */
.contest-banner {
  width: min(1220px, calc(100% - 48px));
  margin: 34px auto;
  padding: 26px;
  display: grid;
  grid-template-columns: .72fr 1.2fr 1fr;
  align-items: stretch;
  gap: 28px;
  border: 1px solid #cde2f4;
  border-radius: 30px;
  color: #0b3157;
  background:
    radial-gradient(circle at 16% 4%, rgb(77 190 218 / 18%), transparent 28%),
    linear-gradient(135deg, #f2fbff, #eef5ff 58%, #fff9e8);
  box-shadow: 0 24px 65px rgb(11 49 87 / 11%);
}
.contest-banner-art {
  min-height: 235px;
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 24px;
  color: #ffd05a;
  background:
    radial-gradient(circle at 70% 25%, rgb(85 190 218 / 22%), transparent 25%),
    linear-gradient(145deg, #0a355c, #09637a);
}
.contest-banner-art::before,
.contest-banner-art::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  border: 28px solid rgb(255 255 255 / 6%);
  border-radius: 50%;
}
.contest-banner-art::before { inset: -70px auto auto -50px; }
.contest-banner-art::after { inset: auto -60px -80px auto; }
.contest-trophy,
.contest-gift { position: absolute; filter: drop-shadow(0 14px 20px rgb(0 0 0 / 22%)); }
.contest-trophy { transform: translate(-46px, -28px) rotate(-7deg); }
.contest-gift { color: #fff; transform: translate(48px, 36px) rotate(8deg); }
.contest-banner-copy { align-self: center; }
.contest-eyebrow,
.contest-page-kicker {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  border-radius: 999px;
  color: #0b6175;
  background: #dcf4f8;
  font-size: 12px;
  font-weight: 800;
}
.contest-banner-copy h2 {
  margin: 12px 0 8px;
  color: #0b3157;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.15;
}
.contest-banner-copy h2 span { display: block; color: #c58a12; }
.contest-banner-copy > p { margin: 0; color: #56718d; line-height: 1.85; }
.contest-banner-copy > strong {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  padding: 12px 18px;
  border-radius: 15px;
  color: #0b3157;
  background: linear-gradient(135deg, #ffe69a, #f2bd46);
  box-shadow: 0 10px 24px rgb(197 138 18 / 16%);
}
.contest-banner-copy > strong bdi { font-size: 27px; font-weight: 900; }
.contest-banner-copy > strong small { font-size: 11px; }
.contest-banner-side { display: grid; align-content: center; gap: 13px; }
.contest-quick-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.contest-quick-facts > span {
  min-width: 0;
  min-height: 120px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  padding: 12px 8px;
  border: 1px solid rgb(34 91 147 / 13%);
  border-radius: 18px;
  text-align: center;
  background: rgb(255 255 255 / 78%);
}
.contest-quick-facts svg { color: #1763ed; }
.contest-quick-facts b { font-size: 12px; }
.contest-quick-facts small { color: #7389a0; font-size: 9px; line-height: 1.5; }
.contest-banner-actions { display: grid; gap: 9px; }
.contest-banner-actions a,
.contest-hero-copy > a,
.contest-final-cta > a {
  min-height: 47px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 800;
}
.contest-primary { color: #fff; background: #1763ed; box-shadow: 0 12px 24px rgb(23 99 237 / 20%); }
.contest-secondary { border: 1px solid #9db8d3; color: #17466e; background: rgb(255 255 255 / 70%); }

.contest-page {
  min-height: 100vh;
  color: #12365f;
  background:
    radial-gradient(circle at 92% 8%, rgb(23 99 237 / 10%), transparent 25rem),
    linear-gradient(180deg, #f4f9ff, #fff 38rem);
}
.contest-breadcrumb { width: min(1120px, calc(100% - 40px)); margin: 0 auto; padding-top: 26px; display: flex; gap: 8px; align-items: center; color: #7a90a7; font-size: 12px; }
.contest-breadcrumb a { color: #1763ed; font-weight: 800; }
.contest-hero {
  width: min(1120px, calc(100% - 40px));
  margin: 26px auto 20px;
  padding: clamp(28px, 5vw, 58px);
  display: grid;
  grid-template-columns: 1.35fr .65fr;
  align-items: center;
  gap: 34px;
  overflow: hidden;
  border-radius: 32px;
  color: #fff;
  background:
    radial-gradient(circle at 10% 12%, rgb(77 190 218 / 22%), transparent 34%),
    linear-gradient(135deg, #082f55, #075b73);
  box-shadow: 0 28px 75px rgb(8 47 85 / 20%);
}
.contest-page-kicker { color: #dffaff; background: rgb(255 255 255 / 11%); }
.contest-hero h1 { margin: 15px 0 12px; color: #fff; font-size: clamp(37px, 6vw, 68px); line-height: 1.16; }
.contest-hero h1 span { color: #86c8ff; }
.contest-hero-copy > p { max-width: 660px; margin: 0; color: #d9e8f4; font-size: 17px; line-height: 1.9; }
.contest-hero-copy > a { width: fit-content; margin-top: 20px; color: #0b3157; background: #f4c454; }
.contest-prize-showcase {
  min-height: 280px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  border: 1px solid rgb(255 255 255 / 18%);
  border-radius: 26px;
  text-align: center;
  background: rgb(255 255 255 / 8%);
  backdrop-filter: blur(8px);
}
.contest-prize-showcase > span { color: #f4c454; filter: drop-shadow(0 12px 25px rgb(0 0 0 / 24%)); }
.contest-prize-showcase small { color: #c8dceb; }
.contest-prize-showcase strong { color: #fff; font-size: 40px; }
.contest-prize-showcase p { margin: 0; color: #c8dceb; font-size: 12px; }
.contest-summary { width: min(1120px, calc(100% - 40px)); margin: 0 auto 20px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.contest-summary > div { padding: 20px; display: grid; grid-template-columns: auto 1fr; gap: 3px 12px; border: 1px solid #d8e6f4; border-radius: 20px; background: #fff; box-shadow: 0 14px 34px rgb(11 49 87 / 7%); }
.contest-summary svg { grid-row: span 2; color: #1763ed; }
.contest-summary strong { color: #12365f; }
.contest-summary span { color: #71879f; font-size: 11px; }
.contest-details-grid { width: min(1120px, calc(100% - 40px)); margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.contest-detail-card { position: relative; padding: clamp(23px, 4vw, 34px); border: 1px solid #d8e6f4; border-radius: 24px; background: linear-gradient(145deg, #fff, #f2f7fd); box-shadow: 0 16px 42px rgb(11 49 87 / 7%); }
.contest-detail-card:nth-child(3n + 2) { background: linear-gradient(145deg, #fff, #edf9f6); }
.contest-detail-card:nth-child(3n) { background: linear-gradient(145deg, #fff, #fff8e8); }
.contest-card-icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; color: #fff; background: #1763ed; box-shadow: 0 10px 22px rgb(23 99 237 / 18%); }
.contest-detail-card h2 { margin: 14px 0 8px; color: #0b3157; font-size: 25px; }
.contest-detail-card p,
.contest-detail-card li { color: #58718a; line-height: 1.9; }
.contest-detail-card ol,
.contest-detail-card ul { margin: 10px 0 0; padding-inline-start: 24px; }
.contest-detail-card li + li { margin-top: 6px; }
.contest-detail-card bdi { display: inline-block; padding: 3px 9px; border-radius: 8px; color: #885c06; background: #fff0b8; font-weight: 800; }
.contest-periods { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px; }
.contest-periods span { display: grid; gap: 5px; padding: 17px; border-radius: 16px; background: #e8f5fb; }
.contest-periods b { color: #0c5973; }
.contest-periods small { color: #71879f; }
.contest-win-card { color: #fff; background: linear-gradient(135deg, #0a355c, #09637a) !important; }
.contest-win-card h2,
.contest-win-card p { color: #fff; }
.contest-win-card p { color: #d8e8f4; }
.contest-win-card .contest-card-icon { color: #0b3157; background: #f4c454; }
.contest-win-card > strong { display: block; margin-top: 12px; color: #f4c454; }
.contest-note-card { border-color: #eed48c; background: linear-gradient(145deg, #fff, #fff7dc) !important; }
.contest-note-card .contest-card-icon { color: #6d4b06; background: #f4c454; }
.contest-prize-card { width: min(1120px, calc(100% - 40px)); margin: 18px auto; padding: 24px 28px; display: flex; align-items: center; gap: 16px; border: 1px solid #eed48c; border-radius: 22px; background: linear-gradient(135deg, #fff9e8, #fff); box-shadow: 0 16px 40px rgb(197 138 18 / 8%); }
.contest-prize-card > span { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 16px; color: #77510a; background: #f4c454; }
.contest-prize-card small { color: #9b751d; font-weight: 800; }
.contest-prize-card h2 { margin: 3px 0 0; color: #0b3157; font-size: 24px; }
.contest-final-cta { width: min(1120px, calc(100% - 40px)); margin: 0 auto 72px; padding: 28px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-radius: 24px; color: #fff; background: #0b3157; }
.contest-final-cta span { display: inline-flex; align-items: center; gap: 5px; color: #f4c454; font-weight: 800; }
.contest-final-cta h2 { margin: 7px 0 2px; color: #fff; }
.contest-final-cta p { margin: 0; color: #cadbea; }
.contest-final-cta > a { flex: 0 0 auto; color: #0b3157; background: #f4c454; }

@media (max-width: 900px) {
  .contest-banner { grid-template-columns: .7fr 1.3fr; }
  .contest-banner-side { grid-column: 1 / -1; grid-template-columns: 1.2fr .8fr; }
  .contest-hero { grid-template-columns: 1fr; }
  .contest-prize-showcase { min-height: 220px; }
}
@media (max-width: 650px) {
  .contest-banner { width: calc(100% - 24px); margin: 20px auto; padding: 16px; grid-template-columns: 1fr; gap: 16px; border-radius: 24px; }
  .contest-banner-art { min-height: 155px; }
  .contest-banner-copy h2 { font-size: 32px; }
  .contest-banner-side { grid-column: auto; grid-template-columns: 1fr; }
  .contest-quick-facts > span { min-height: 105px; padding: 10px 5px; }
  .contest-banner-copy > strong { width: 100%; justify-content: center; box-sizing: border-box; }
  .contest-hero { width: calc(100% - 24px); margin-top: 16px; padding: 25px 20px; border-radius: 25px; }
  .contest-hero h1 { font-size: 39px; }
  .contest-hero-copy > p { font-size: 14px; }
  .contest-summary { width: calc(100% - 24px); grid-template-columns: 1fr; }
  .contest-details-grid { width: calc(100% - 24px); grid-template-columns: 1fr; gap: 12px; }
  .contest-detail-card { border-radius: 20px; }
  .contest-periods { grid-template-columns: 1fr 1fr; }
  .contest-prize-card { width: calc(100% - 24px); padding: 20px; box-sizing: border-box; }
  .contest-prize-card h2 { font-size: 19px; }
  .contest-final-cta { width: calc(100% - 24px); margin-bottom: 48px; padding: 22px; flex-direction: column; align-items: stretch; box-sizing: border-box; }
}

/* A quieter banner in the Swaa7 blue palette. */
.contest-banner-refined {
  padding: 38px 42px;
  grid-template-columns: minmax(0, 1fr) 260px;
  align-items: center;
  gap: 40px;
  color: #fff;
  border-color: #244d78;
  background: linear-gradient(120deg, #102f50, #153e69);
  box-shadow: 0 18px 44px rgb(18 54 95 / 14%);
}
.contest-banner-refined .contest-eyebrow {
  padding: 0;
  color: #bdd7f5;
  background: transparent;
  font-size: 13px;
  font-weight: 500;
}
.contest-banner-refined .contest-eyebrow svg { color: #f4cb72; }
.contest-banner-refined .contest-banner-copy h2 {
  margin: 14px 0 12px;
  color: #fff;
  font-size: clamp(27px, 3vw, 38px);
  font-weight: 700;
  line-height: 1.5;
}
.contest-banner-refined .contest-banner-copy > p { color: #ccdbee; font-size: 15px; }
.contest-banner-refined .contest-banner-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}
.contest-banner-refined .contest-banner-actions a { min-height: 48px; font-size: 14px; font-weight: 600; }
.contest-banner-refined .contest-secondary { color: #edf5ff; background: transparent; border-color: #6484a6; }
.contest-banner-refined .contest-banner-actions a:hover { filter: brightness(1.15); }
.contest-banner-refined .contest-banner-actions a:focus-visible { outline: 3px solid #f4cb72; outline-offset: 4px; }
.contest-banner-reward {
  padding: 24px 10px;
  border-inline-start: 1px solid rgb(255 255 255 / 18%);
  text-align: center;
}
.contest-banner-reward > span { color: #ccdbee; font-size: 13px; }
.contest-banner-reward strong { display: block; margin: 10px 0; color: #f4cb72; font-size: 54px; line-height: 1.25; font-weight: 700; }
.contest-banner-reward strong small { font-size: 23px; font-weight: 500; }
.contest-banner-reward p { margin: 0; color: #ccdbee; font-size: 12px; line-height: 1.8; }
@media (max-width: 650px) {
  .contest-banner-refined { padding: 26px 24px; grid-template-columns: 1fr; gap: 24px; }
  .contest-banner-refined .contest-banner-copy h2 { font-size: 28px; }
  .contest-banner-refined .contest-banner-copy > p { font-size: 14px; }
  .contest-banner-refined .contest-banner-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 20px; }
  .contest-banner-refined .contest-banner-actions a { padding: 10px; font-size: 13px; }
  .contest-banner-reward { border-inline-start: 0; border-top: 1px solid rgb(255 255 255 / 18%); padding: 22px 0 0; }
  .contest-banner-reward strong { font-size: 44px; margin: 6px 0; }
}

/* Unified contest detail page: blue, navy and a restrained prize accent. */
.contest-page { background: #f6f9fd; }
.contest-page .contest-hero { padding: 38px 42px; gap: 36px; background: linear-gradient(120deg,#102f50,#153e69); box-shadow: 0 18px 44px rgb(18 54 95 / 12%); }
.contest-page .contest-page-kicker { padding: 0; background: transparent; color: #bdd7f5; font-weight: 500; font-size: 13px; }
.contest-page .contest-hero h1 { font-size: clamp(30px,4vw,46px); line-height: 1.5; font-weight: 700; margin: 16px 0 12px; }
.contest-page .contest-hero h1 span { color: #fff; }
.contest-page .contest-hero-copy > p { color: #ccdbee; font-size: 15px; line-height: 1.9; max-width: 580px; }
.contest-page .contest-hero-copy > a { color: #fff; background: #1763ed; font-weight: 600; font-size: 14px; }
.contest-page .contest-prize-showcase { min-height: 200px; border: 0; border-inline-start: 1px solid rgb(255 255 255 / 18%); border-radius: 0; background: transparent; backdrop-filter: none; gap: 10px; }
.contest-page .contest-prize-showcase > span svg { width: 34px; height: 34px; }
.contest-page .contest-prize-showcase strong { color: #f4cb72; font-size: 42px; font-weight: 700; }
.contest-page .contest-summary { gap: 14px; margin-bottom: 28px; }
.contest-page .contest-summary > div { box-shadow: none; padding: 22px; background: #edf3fb; border-color: #dbe5f1; }
.contest-page .contest-summary strong { font-weight: 600; font-size: 15px; }
.contest-page .contest-summary span { font-size: 12px; }
.contest-page .contest-details-grid { gap: 20px; }
.contest-page .contest-detail-card { padding: 28px; background: #fff; border-color: #dbe5f1; box-shadow: 0 8px 24px rgb(18 54 95 / 4%); }
.contest-page .contest-detail-card:nth-child(n) { background: #fff; }
.contest-page .contest-card-icon { width: 40px; height: 40px; border-radius: 12px; color: #1763ed; background: #edf3fb; box-shadow: none; }
.contest-page .contest-card-icon svg { width: 21px; height: 21px; }
.contest-page .contest-detail-card h2 { margin: 14px 0 12px; font-size: 23px; font-weight: 600; line-height: 1.5; }
.contest-page .contest-detail-card p,.contest-page .contest-detail-card li { font-size: 14px; color: #536a83; line-height: 2; }
.contest-page .contest-detail-card li + li { margin-top: 8px; }
.contest-page .contest-periods span { background: #edf3fb; padding: 18px 14px; }
.contest-page .contest-periods b { color: #12365f; font-size: 15px; font-weight: 600; }
.contest-page .contest-periods small { font-size: 12px; }
.contest-page .contest-detail-card bdi { color: #174f82; background: #edf3fb; }
.contest-page .contest-win-card { background: #14385f !important; border-color: #14385f; }
.contest-page .contest-win-card h2 { color: #fff; }
.contest-page .contest-win-card p { color: #d5e2f1; }
.contest-page .contest-win-card .contest-card-icon { background: rgb(255 255 255 / 10%); color: #f4cb72; }
.contest-page .contest-win-card > strong { color: #d5e2f1; font-size: 13px; font-weight: 500; line-height: 1.9; }
.contest-page .contest-note-card { background: #f0f5fb !important; border-color: #dbe5f1; }
.contest-page .contest-note-card .contest-card-icon { color: #174f82; background: #e0eafb; }
.contest-page .contest-prize-card { display: none; }
.contest-page .contest-final-cta { margin-top: 28px; background: #14385f; padding: 30px; }
.contest-page .contest-final-cta span { color: #bdd7f5; font-size: 13px; font-weight: 500; }
.contest-page .contest-final-cta h2 { font-size: 25px; font-weight: 600; line-height: 1.6; }
.contest-page .contest-final-cta p { font-size: 14px; }
.contest-page .contest-final-cta > a { color: #fff; background: #1763ed; font-weight: 600; font-size: 14px; }
#how-to-join { scroll-margin-top: 110px; }
.contest-page a:focus-visible { outline: 3px solid #f4cb72; outline-offset: 4px; }
@media(max-width:650px) {
 .contest-page .contest-hero { padding: 26px 24px; gap: 26px; }
 .contest-page .contest-hero h1 { font-size: 30px; }
 .contest-page .contest-hero-copy > p { font-size: 14px; }
 .contest-page .contest-prize-showcase { min-height: 0; padding-top: 22px; border-inline-start: 0; border-top: 1px solid rgb(255 255 255 / 18%); }
 .contest-page .contest-prize-showcase > span { display: none; }
 .contest-page .contest-prize-showcase strong { font-size: 38px; }
 .contest-page .contest-summary { gap: 8px; margin-bottom: 20px; }
 .contest-page .contest-summary > div { padding: 16px 20px; }
 .contest-page .contest-detail-card { padding: 24px; }
 .contest-page .contest-detail-card h2 { font-size: 22px; }
 .contest-page .contest-final-cta { padding: 24px; }
}

@font-face { font-family: 'Sawah Plex'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/plex-IBMPlexSansArabic-Regular.woff2') format('woff2'); }

@font-face { font-family: 'Sawah Plex'; font-style: normal; font-weight: 500 600; font-display: swap; src: url('/fonts/plex-IBMPlexSansArabic-Medium.woff2') format('woff2'); }

@font-face { font-family: 'Sawah Plex'; font-style: normal; font-weight: 700 900; font-display: swap; src: url('/fonts/plex-IBMPlexSansArabic-Bold.woff2') format('woff2'); }