body { font-family: 'Kanit','ge_dinar_onemedium' !important; margin: 0; }
.umnwc26, .umnwc26 * { box-sizing: border-box; }
.umnwc26 {
  --primary:#CE0037; --navy:#142347; --navy-deep:#0d1735; --ink:#1e2434; --muted:#6e768d; --card:#fff; --shadow:0 18px 45px rgba(14,26,63,.14);
  width:100%; background:#fff; color:var(--ink); line-height:1.5; overflow:hidden; direction:rtl; text-align:right; font-family:'Kanit','ge_dinar_onemedium' !important;
}
.umnwc26 a { text-decoration:none; }
.umnwc26__container{ width:min(1160px,calc(100% - 32px)); margin-inline:auto; }
.umnwc26__container--narrow{ width:min(1120px,calc(100% - 32px)); }
.umnwc26__hero{ position:relative; min-height:620px; overflow:hidden; background-size:cover; background-position:center; background-repeat:no-repeat; }
.umnwc26__hero::after{ content:""; position:absolute; left:8%; top:13%; width:clamp(170px,25vw,300px); aspect-ratio:.72; clip-path:polygon(18% 0,76% 8%,100% 32%,83% 100%,14% 92%,0 26%); filter:drop-shadow(0 28px 44px rgba(0,0,0,.26)); transform:rotate(-9deg); opacity:.95; background:rgba(255,255,255,.04); }
.umnwc26__hero-overlay{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(8,16,41,.12) 0%,rgba(8,16,41,.74) 100%), radial-gradient(circle at 50% 18%, rgba(255,255,255,.18), transparent 30%); }
.umnwc26__hero-inner{ position:relative; z-index:1; padding:88px 0 110px; text-align:center; color:#fff; }
.umnwc26__hero-title{ margin:22px 0 10px; font-size:clamp(42px,6vw,96px); line-height:1; font-weight:700; }
.umnwc26__hero-copy{ margin:0; font-size:clamp(15px,2vw,24px); color:rgba(255,255,255,.86); font-weight:300; }
.umnwc26__btn{ display:inline-flex; align-items:center; justify-content:center; min-width:184px; min-height:50px; padding:12px 24px; border-radius:999px; font-weight:700; font-size:15px; transition:transform .2s ease, box-shadow .2s ease; font-family:'Cairo',sans-serif !important; }
.umnwc26__btn:hover{ transform:translateY(-1px); }
.umnwc26__btn--primary{ margin-top:20px; color:#fff; background:linear-gradient(180deg,#CE0037 0%, var(--primary) 100%); box-shadow:0 12px 30px rgba(228,0,70,.32); font-weight:600; font-size:20px; }
.umnwc26__btn--ghost{ margin-top:32px; min-width:245px; color:#fff; border:2px solid rgba(255,255,255,.8); background:rgba(255,255,255,.02); }
.umnwc26__countdown{ background:linear-gradient(0deg,var(--navy) 0%,var(--navy-deep) 100%); padding:46px 0 38px; color:#fff; }
.umnwc26__deadline{ margin:10px 0 24px; text-align:center; color:rgba(255,255,255,.65); font-size:18px; }
.umn-campaign-title{ display:flex; align-items:center; justify-content:center; gap:14px; width:100%; margin:0 auto 10px; }
.umn-campaign-title::before,.umn-campaign-title::after{ content:""; display:block; width:130px; height:1px; background:#fff; }
.umn-campaign-title span{ color:#fff; font-size:35px; font-weight:700; white-space:nowrap; }
.umnwc26__meter-wrap{ max-width:780px; margin:0 auto; }
.umnwc26__meter-numbers{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:16px; align-items:start; }
.umnwc26__meter-number{ position:relative; text-align:center; }
.umnwc26__meter-number:not(:last-child)::after{ content:":"; position:absolute; top:50%; left:-10px; transform:translateY(-15%); color:#fff; font-size:clamp(24px,4vw,44px); font-weight:500; line-height:1; }
.umnwc26__meter-number span{ display:block; font-size:clamp(32px,5vw,64px); font-weight:600; direction:ltr; }
.umnwc26__meter-number small{ display:block; margin-top:4px; color:#ce0037; font-size:20px; }
.umnwc26__offers-steps-wrap{ background:linear-gradient(to bottom,#142347 0%,#142347 34%,rgba(20,35,71,.90) 24%,rgba(20,35,71,.42) 48%,rgba(20,35,71,.22) 100%); background-position:center top; background-size:cover; background-repeat:no-repeat; }
.umnwc26__offers{ padding:66px 0 8px; }
.umnwc26__headline{ margin:0; font-size:clamp(34px,5vw,96px); line-height:1.1; text-align:center; color:var(--primary); font-weight:700; }
.umnwc26__subheadline{ margin:12px 0 26px; text-align:center; color:#fff; font-size:24px; font-weight:300; }
.umnwc26__carousel{ position:relative; z-index:2; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:18px; direction:rtl; }
.umnwc26__carousel-window{ overflow:hidden; }
.umnwc26__cards{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; transition:transform .35s ease; }
.umnwc26__card{ overflow:hidden; border-radius:16px; background:var(--card); box-shadow:var(--shadow); direction:rtl; }
.umnwc26__card-media{ position:relative; height:240px; overflow:hidden; background:#1b2340; }
.umnwc26__card-media img{ display:block; width:100%; height:100%; object-fit:cover; }
.umnwc26__card-body{ padding:18px 18px 22px; text-align:center; }
.umnwc26__card h3{ margin:0 0 10px; font-size:24px; line-height:1.3; font-weight:600; }
.umnwc26__card p{ margin:0 0 18px; color:var(--muted); font-size:16px; font-weight:300; }
.umnwc26__pill-link{ display:inline-flex; align-items:center; justify-content:center; min-width:118px; min-height:40px; padding:10px 18px; border-radius:999px; background:var(--primary); color:#fff; font-size:16px; font-weight:600; }
.umnwc26__nav{ width:46px; height:46px; border:0; border-radius:999px; background:var(--primary); color:#fff; box-shadow:var(--shadow); cursor:pointer; }
.umnwc26__steps-section{ min-height:520px; margin-top:-6px; }
.umnwc26__steps-layout{ position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) 335px; grid-template-areas:"list copy" "button button"; column-gap:24px; row-gap:18px; align-items:center; min-height:600px; width:min(1040px,calc(100% - 32px)); margin-inline:auto; align-content:center; }
.umnwc26__steps-copy{ justify-self:end; width:100%; text-align:right; }
.umnwc26__steps-copy h2{ margin:0; color:#fff; font-weight:800; font-size:clamp(50px,7vw,92px); line-height:1; text-align:right; }
.umnwc26__steps-list{ list-style:none; margin:0; padding:0; justify-self:start; width:100%; max-width:335px; }
.umnwc26__steps-list li{ display:flex; align-items:center; gap:18px; margin:20px 0; color:#fff; font-size:34px; line-height:1; font-weight:300; }
.umnwc26__steps-list span{ display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:999px; background:var(--primary); font-weight:800; direction:ltr; }
.umnwc26__steps-list strong{ font-weight:500; font-size:40px; }
.umnwc26__btn--ghost{ grid-area:button; justify-self:center; }
.umnwc26__engagement{ background:#F0F1F4; padding:54px 0 86px;display: none; }
.umnwc26__engagement-title{ margin:0 0 32px; text-align:center; font-size:48px; font-weight:600; color:var(--primary); }
.umnwc26__engagement-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.umnwc26__mini-card{ background:#fff; border-radius:16px; box-shadow:var(--shadow); overflow:hidden; }
.umnwc26__mini-card-head{ padding:16px; background:linear-gradient(135deg,rgb(32,41,69) 35%,rgb(213,0,55) 100%); color:#fff; font-weight:500; font-size:24px; text-align:center; }
.umnwc26__mini-card-head small{ color:#b2b4b9; font-weight:300; font-size:14px; }
.umnwc26__match-card,.umnwc26__score-card{ width:100%; max-width:360px; margin:0 auto; background:#f2f2f2; border-radius:28px; overflow:hidden; box-shadow:0 18px 40px rgba(15,30,78,.18),0 0 0 1px rgba(255,255,255,.05); }
.umnwc26__match-card-head,.umnwc26__score-card-head{ text-align:center; background:linear-gradient(90deg,#1d2d5a 0%,#b4084d 100%); color:#fff; }
.umnwc26__match-card-head{ padding:24px 18px 28px; }
.umnwc26__score-card-head{ padding:26px 18px 28px; }
.umnwc26__match-card-head h3,.umnwc26__score-card-head h3{ margin:0; font-size:24px; line-height:1.2; font-weight:600; color:#fff; }
.umnwc26__match-card-head p{ margin:8px 0 0; font-size:12px; line-height:1.4; font-weight:400; color:rgba(255,255,255,.82); }
.umnwc26__match-card-body,.umnwc26__score-card-body{ padding:18px 18px 12px; background:#fff; }
.umnwc26__score-card-body{ padding:20px 18px 14px; }
.umnwc26__fixture,.umnwc26__score-fixture{ padding:10px 0 16px; }
.umnwc26__fixture + .umnwc26__fixture,.umnwc26__score-fixture + .umnwc26__score-fixture{ padding-top:18px; }
.umnwc26__fixture-row,.umnwc26__score-row{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; column-gap:12px; direction:ltr; }
.umnwc26__team,.umnwc26__score-team{ display:flex; align-items:center; gap:8px; }
.umnwc26__team--left,.umnwc26__score-team--left{ justify-content:flex-end; }
.umnwc26__team--right,.umnwc26__score-team--right{ justify-content:flex-start; }
.umnwc26__team-code,.umnwc26__score-team-code{ font-size:14px; line-height:1; font-weight:500; color:#141414; }
.umnwc26__team img,.umnwc26__score-team img{ width:34px; height:23px; object-fit:cover; border-radius:1px; box-shadow:0 0 0 1px rgba(0,0,0,.06); }
.umnwc26__match-time,.umnwc26__score-result{ font-size:24px; line-height:1; color:#111; min-width:78px; text-align:center; direction:ltr; }
.umnwc26__score-result{ font-weight:700; }
.umnwc26__fixture-meta,.umnwc26__score-meta{ margin-top:12px; text-align:center; }
.umnwc26__fixture-stage,.umnwc26__score-stage{ font-size:11px; line-height:1.35; color:#56607a; margin-bottom:6px; font-weight:300; }
.umnwc26__fixture-info,.umnwc26__score-info{ font-size:11px; line-height:1.45; color:#3f4b68; font-weight:300; }
.umnwc26__social-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:10px; }
.umnwc26__social-tile{ min-height:138px; border-radius:12px; background:#ddd; overflow:hidden; }
.umnwc26__social-tile img{ width:100%; height:100%; object-fit:cover; display:block; }
.umnwc26__why{ padding:85px 0; background:#fff; }
.umnwc26__why-grid{ display:grid; grid-template-columns:1fr 1fr;align-items:stretch; background:#eff1f6; border-top-right-radius:16px; border-bottom-right-radius:16px; }
.umnwc26__why-visual{ position:relative; min-height:360px; overflow:hidden; border-top-right-radius:16px; border-bottom-right-radius:16px; }
.umnwc26__why-overlay{ position:absolute; inset:0; background-size:cover; background-position:top; background-repeat:no-repeat; }
.umnwc26__why-text{ position:absolute; right:80px; top:90px; z-index:1; color:#fff; font-size:clamp(34px,4.2vw,58px); line-height:1; font-weight:800; text-align:right; }
.umnwc26__why-text span{ color:var(--primary); }
.umnwc26__why-list{ display:grid; gap:12px; align-content:center; padding:12px; border-radius:16px; }
.umnwc26__why-item{ display:grid; grid-template-columns:44px minmax(0,1fr); gap:14px; padding:16px; border-radius:14px; background:rgba(255,255,255,.8); align-items:center; }
.umnwc26__why-list-card-description{ margin-right:25px; margin-left:0; }
.umnwc26__why-item img{ max-width:44px; height:auto; display:block; }
.umnwc26__why-item h3{ margin:0 0 4px; font-size:24px; font-weight:500; }
.umnwc26__why-item p{ margin:0; color:var(--muted); font-size:20px; font-weight:300; }
@media (max-width:1024px){ .umnwc26__engagement-grid,.umnwc26__why-grid,.umnwc26__steps-layout{ grid-template-columns:1fr; } .umnwc26__steps-layout{ grid-template-areas:"copy" "list" "button"; padding:56px 0; min-height:auto; } .umnwc26__why-grid{ border-radius:16px; } .umnwc26__why-visual{ border-radius:16px 16px 0 0; } }
@media (max-width:767px){
  .umnwc26__container,.umnwc26__container--narrow{ width:min(100%,calc(100% - 20px)); }
  .umnwc26__hero{ min-height:250px; background-position:center top; }
  .umnwc26__hero::after{ left:-18px; top:34px; width:86px; }
  .umnwc26__hero-inner{ padding:28px 0 34px; }
  .umnwc26__hero-title{ margin:4px 0 6px; font-size:36px; line-height:.95; }
  .umnwc26__hero-copy{ font-size:20px; line-height:1.35; }
  .umnwc26__btn--primary{ margin-top:10px; min-width:112px; min-height:28px; padding:6px 12px; font-size:16px; }
  .umnwc26__countdown{ padding:18px 0; }
  .umn-campaign-title{ gap:8px; margin-bottom:4px; }
  .umn-campaign-title::before,.umn-campaign-title::after{ width:60px; opacity:.8; }
  .umn-campaign-title span{ font-size:20px; }
  .umnwc26__deadline{ margin:4px 0 10px; font-size:16px; }
  .umnwc26__meter-wrap{ max-width:240px; }
  .umnwc26__meter-numbers{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:6px; }
  .umnwc26__meter-number small{ margin-top:0; font-size:20px; }
  .umnwc26__meter-number span{ font-size:24px; }
  .umnwc26__meter-number:not(:last-child)::after{ left:-6px; font-size:18px; transform:translateY(10%); }
  .umnwc26__offers{ padding:16px 0 4px; }
  .umnwc26__headline{ font-size:40px; }
  .umnwc26__subheadline{ margin:4px 0 10px; font-size:16px; }
  .umnwc26__carousel{ display:grid; grid-template-columns:1fr auto auto 1fr; grid-template-areas:"window window window window" ". prev next ."; row-gap:20px; column-gap:10px; align-items:center; }
  .umnwc26__carousel-window{ grid-area:window; width:100%; }
  .umnwc26__nav--prev{ grid-area:prev; }
  .umnwc26__nav--next{ grid-area:next; }
  .umnwc26__cards{ display:flex; flex-direction:row-reverse; gap:10px; }
  .umnwc26__card{ min-width:100%; border-radius:10px; box-shadow:0 10px 24px rgba(14,26,63,.18); }
  .umnwc26__card-media{border-top-left-radius:10px; border-top-right-radius:10px; }
  .umnwc26__card-body{ padding:8px 8px 10px; }
  .umnwc26__card h3{ margin:0 0 5px; font-size:20px; line-height:1.2; }
  .umnwc26__card p{ margin:0 0 7px; font-size:16px; line-height:1.5; }
  .umnwc26__pill-link{ min-width:64px; min-height:16px; padding:6px 22px; font-size:10px; }
  .umnwc26__nav{ width:40px; height:40px; font-size:15px; box-shadow:none; }
  .umnwc26__steps-section{ min-height:auto; margin-top:-2px; padding:10px 0 14px; }
  .umnwc26__steps-layout{ display:grid; grid-template-columns:1fr; grid-template-areas:"copy" "list" "button"; gap:12px; align-items:start; margin-top:75px; padding:0; min-height:auto; }
  .umnwc26__steps-copy,.umnwc26__steps-copy h2{text-align:right;} .umnwc26__steps-copy h2{font-size:42px;line-height:.95;}
  .umnwc26__steps-list li{ justify-content:right; gap:24px; margin:8px 0; font-size:12px; line-height:2; }
  .umnwc26__steps-list span{ width:32px; height:32px; font-size:20px; font-weight:500; }
  .umnwc26__steps-list strong{ font-size:24px; }
  .umnwc26__btn--ghost{ justify-self:center; margin-top:4px; min-width:78px; min-height:18px; padding:6px 35px; font-size:16px; border-width:3px; }
  .umnwc26__engagement{ padding:18px 0 22px; }
  .umnwc26__engagement-title{ font-size:40px; color:#1e2434; }
  .umnwc26__engagement-grid{ display:block; }
  .umnwc26__mini-card{ max-width:100%; margin:25px 10px; border-radius:25px; box-shadow:0 8px 18px rgba(14,26,63,.12); }
  .umnwc26__match-card,.umnwc26__score-card{ max-width:100%; border-radius:10px; box-shadow:none; }
  .umnwc26__match-card-head,.umnwc26__score-card-head{ padding:10px 10px 11px; }
  .umnwc26__match-card-head h3,.umnwc26__score-card-head h3{ font-size:24px; }
  .umnwc26__match-card-head p{ margin-top:3px; font-size:14px; line-height:1.25; }
  .umnwc26__why{ padding:0 0 18px; }
  .umnwc26__why-grid{ grid-template-columns:1fr; gap:0; margin:25px 10px; border-radius:10px; overflow:hidden; }
  .umnwc26__why-visual{ min-height:275px; border-radius:0; }
  .umnwc26__why-text{ right:10px; top:10px; font-size:32px; line-height:1; }
     .umnwc26__card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
    .umnwc26__card {
    min-width: 100%;
    border-radius: 10px;
    box-shadow: 0 10px 24px rgba(14, 26, 63, 0.18);
  }
}

@media (max-width: 480px) {
          .umnwc26__pill-link {
        font-size: 16px;
        font-weight: 500;
    }

        .umnwc26__card-body {
        padding: 28px 10px 21px;
    }
}