html:has(.rg-trader-offers-page),
body:has(.rg-trader-offers-page),
.rg-trader-offers-page { overflow-x: hidden; overflow-x: clip; }

.rg-offers-hub {
	--rg-theme-accent: #70e6ff;
	--rg-offers-emerald: #55e4b5;
	--rg-offers-platinum: #c9dcf2;
	--rg-offers-progress: 0;
	background: #020817;
}

.rg-offers-hero {
	background:
		linear-gradient(90deg,rgba(2,8,23,.99) 0%,rgba(2,10,27,.96) 35%,rgba(2,10,27,.52) 58%,rgba(2,8,23,.22) 100%),
		radial-gradient(circle at 77% 31%,rgba(112,230,255,.15),transparent 34%),
		#020817;
}
.rg-offers-hub .rg-offers-hero::after {
	right: -2vw;
	bottom: 70px;
	width: min(68vw,1180px,calc((100svh - 160px) * 1.63));
	aspect-ratio: 16 / 10;
	background:
		linear-gradient(180deg,transparent 55%,rgba(2,8,23,.5) 88%,#020817 100%),
		url("../images/promotions/trader-offers-hub-hero-v2.jpg") 54% 50% / cover no-repeat;
	filter: brightness(1.08) contrast(1.04) saturate(1.04);
	-webkit-mask-image: linear-gradient(90deg,transparent 0%,#000 22%,#000 100%),linear-gradient(180deg,transparent 0%,#000 9%,#000 87%,transparent 100%);
	-webkit-mask-composite: source-in;
	mask-image: linear-gradient(90deg,transparent 0%,#000 22%,#000 100%),linear-gradient(180deg,transparent 0%,#000 9%,#000 87%,transparent 100%);
	mask-composite: intersect;
}
.rg-offers-hub .rg-offers-hero .rg-promo-hero__copy { width: min(54%,760px); }
.rg-offers-hub .rg-offers-hero h1 { max-width: 760px; }
.rg-offers-hub .rg-offers-hero__summary { background: linear-gradient(180deg,transparent,rgba(2,8,23,.36)); }

.rg-offers-objectives { position: relative; padding: var(--rg-section-space) 0; color: #07162f; background: radial-gradient(circle at 84% 16%,rgba(112,230,255,.13),transparent 24%),linear-gradient(180deg,#f3f7fc,#eaf1f9); }
.rg-offers-objective-layout { display: grid; grid-template-columns: minmax(360px,.72fr) minmax(0,1.28fr); gap: 18px; }
.rg-offers-objective-list { display: grid; gap: 12px; }
.rg-offers-objective-list button { position: relative; min-height: 154px; display: grid; grid-template-columns: 52px minmax(0,1fr) 24px; grid-template-rows: auto auto; align-items: center; gap: 6px 18px; padding: 24px; overflow: hidden; border: 1px solid #cfdce9; border-radius: var(--rg-radius-xl); color: #07162f; background: rgba(255,255,255,.86); box-shadow: 0 18px 48px rgba(18,42,74,.06); text-align: left; cursor: pointer; transition: transform var(--rg-hover-duration) ease,border-color var(--rg-hover-duration) ease,background var(--rg-hover-duration) ease,box-shadow var(--rg-hover-duration) ease; }
.rg-offers-objective-list button > span { grid-row: 1 / 3; display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid rgba(39,167,199,.28); border-radius: var(--rg-radius-lg); color: #087f9d; background: #e7f8fc; }
.rg-offers-objective-list button > span svg { width: 22px; height: 22px; }
.rg-offers-objective-list button > small { position: absolute; top: 17px; right: 18px; color: #55aabd; font-size: var(--rg-type-body-sm); font-weight: 800; }
.rg-offers-objective-list button > strong { min-width: 0; align-self: end; font-size: var(--rg-type-h5); line-height: 1.25; white-space: normal; overflow-wrap: anywhere; }
.rg-offers-objective-list button > em { min-width: 0; align-self: start; color: #667990; font-size: var(--rg-type-body-sm); font-style: normal; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
.rg-offers-objective-list button > svg { grid-column: 3; grid-row: 1 / 3; width: 19px; color: #278aa4; transition: transform var(--rg-hover-duration) ease; }
.rg-offers-objective-list button:hover,
.rg-offers-objective-list button:focus-visible { transform: translateY(-3px); border-color: var(--rg-hover-light-border); color: #07162f; background: var(--rg-hover-light-surface); box-shadow: 0 24px 58px rgba(18,54,88,.13); }
.rg-offers-objective-list button:hover > strong,
.rg-offers-objective-list button:focus-visible > strong { color: #07162f; }
.rg-offers-objective-list button:hover > svg,
.rg-offers-objective-list button:focus-visible > svg { transform: translateX(4px); }
.rg-offers-objective-list button:focus-visible { outline: 3px solid var(--rg-focus-color); outline-offset: 3px; }
.rg-offers-objective-list button.is-active { border-color: #1685a4; color: #07162f; background: #e1f7fb; box-shadow: inset 4px 0 0 #39cde8,0 24px 58px rgba(18,54,88,.12); }
.rg-offers-objective-list button.is-active > strong { color: #07162f; }
.rg-offers-objective-list button:active { transform: translateY(-1px); }
.rg-offers-objective-list button:disabled { border-color: #d9e2ec; color: #7f8fa4; background: #edf2f7; box-shadow: none; cursor: not-allowed; opacity: .72; }

.rg-offers-spotlight { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(320px,.88fr); min-height: 486px; overflow: hidden; border: 1px solid rgba(112,230,255,.24); border-radius: var(--rg-radius-2xl); color: #fff; background: #06142d; box-shadow: 0 30px 80px rgba(13,34,66,.24); }
.rg-offers-spotlight__visual { position: relative; min-height: 440px; overflow: hidden; background: #020817; }
.rg-offers-spotlight__visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,transparent 52%,#06142d 100%),linear-gradient(0deg,#06142d,transparent 46%); }
.rg-offers-spotlight__visual img { width: 100%; height: 100%; display: block; object-fit: cover; filter: brightness(1.03) saturate(1.04); transition: opacity 180ms ease,transform 500ms cubic-bezier(.22,1,.36,1); }
.rg-offers-spotlight:hover img { transform: scale(1.035); }
.rg-offers-spotlight__visual > span { position: absolute; z-index: 2; top: 22px; left: 22px; display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid rgba(112,230,255,.28); border-radius: var(--rg-radius-full); color: #dceaf7; background: rgba(3,13,31,.7); font-size: var(--rg-type-body-sm); font-weight: 700; backdrop-filter: blur(14px); }
.rg-offers-spotlight__visual > span i { width: 7px; height: 7px; border-radius: 50%; background: var(--rg-offers-emerald); box-shadow: 0 0 16px rgba(85,228,181,.8); }
.rg-offers-spotlight__body { display: grid; align-content: center; padding: 38px; background: radial-gradient(circle at 100% 0,rgba(112,230,255,.12),transparent 38%),#06142d; }
.rg-offers-spotlight__body .rg-promo-card__eyebrow { margin-bottom: 12px; }
.rg-offers-spotlight__body h3 { margin: 0; color: #fff; font-size: var(--rg-type-h3); letter-spacing: -.025em; line-height: 1.12; text-wrap: balance; }
.rg-offers-spotlight__body > p:not(.rg-promo-card__eyebrow) { margin: 18px 0 24px; color: #aebed2; font-size: var(--rg-type-body); line-height: 1.65; }
.rg-offers-spotlight__body > div { display: grid; gap: 5px; padding: 18px 0; border-top: 1px solid rgba(126,164,210,.18); border-bottom: 1px solid rgba(126,164,210,.18); }
.rg-offers-spotlight__body > div strong { color: #fff; font-size: var(--rg-type-h4); }
.rg-offers-spotlight__body > div span { color: #8fa4bf; font-size: var(--rg-type-body-sm); }
.rg-offers-spotlight__body > a { display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; margin-top: 24px; padding: 0 18px; border: 1px solid rgba(112,230,255,.3); border-radius: var(--rg-radius-md); color: #fff; background: rgba(17,55,83,.68); font-size: 15px; font-weight: 700; text-decoration: none; transition: transform var(--rg-hover-duration) ease,border-color var(--rg-hover-duration) ease,background var(--rg-hover-duration) ease; }
.rg-offers-spotlight__body > a:hover,
.rg-offers-spotlight__body > a:focus-visible { transform: translateY(-2px); border-color: var(--rg-hover-dark-border); background: var(--rg-hover-dark-surface); }
.rg-offers-spotlight__body > a:focus-visible { outline: 3px solid var(--rg-focus-color); outline-offset: 3px; }
.rg-offers-spotlight__body > a > svg { width: 18px; height: 18px; flex: 0 0 18px; }

.rg-offers-hub .rg-offers-catalogue { color: #fff; background: radial-gradient(circle at 12% 18%,rgba(85,228,181,.08),transparent 24%),radial-gradient(circle at 90% 14%,rgba(112,230,255,.1),transparent 28%),#030b1c; }
.rg-offers-hub .rg-offers-catalogue .rg-promo-filter { position: relative; top: auto; border-color: rgba(122,164,214,.22); background: rgba(8,24,51,.92); box-shadow: 0 20px 60px rgba(0,0,0,.24); }
.rg-offers-hub .rg-offers-catalogue .rg-promo-filter__tabs button { color: #aabbd0; }
.rg-offers-hub .rg-offers-catalogue .rg-promo-filter__tabs button:hover,
.rg-offers-hub .rg-offers-catalogue .rg-promo-filter__tabs button:focus-visible { border-color: var(--rg-hover-dark-border); color: #fff; background: var(--rg-hover-dark-surface); }
.rg-offers-hub .rg-offers-catalogue .rg-promo-filter__tabs button.is-active { border-color: rgba(112,230,255,.62); color: #fff; background: #164c70; box-shadow: inset 0 -3px 0 #70e6ff; }
.rg-offers-hub .rg-offers-catalogue .rg-promo-filter__refine { border-color: rgba(124,162,207,.18); }
.rg-offers-hub .rg-offers-catalogue .rg-promo-filter__refine label,
.rg-offers-hub .rg-offers-catalogue .rg-promo-filter__refine > p { color: #9dafc5; }
.rg-offers-hub .rg-offers-catalogue .rg-promo-filter__refine > p strong { color: #fff; }
.rg-offers-hub .rg-offers-catalogue .rg-promo-filter__refine select { border-color: rgba(112,230,255,.24); color: #fff; background: #071a35; }
.rg-offers-hub .rg-offers-catalogue .rg-promo-grid {
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 22px;
}
.rg-offers-hub .rg-offers-catalogue .rg-promo-card--featured:first-child { grid-column: auto; }
.rg-offers-hub .rg-offers-catalogue .rg-promo-card {
	min-height: 400px;
	padding: 24px;
}
.rg-offers-hub .rg-offers-catalogue .rg-promo-card::before {
	background:
		linear-gradient(90deg,#041027 0%,rgba(4,16,39,.98) 38%,rgba(4,16,39,.86) 60%,rgba(4,16,39,.28) 84%,rgba(4,16,39,.08) 100%),
		linear-gradient(0deg,rgba(4,16,39,.94),transparent 42%);
}
.rg-offers-hub .rg-offers-catalogue .rg-promo-card--featured:first-child .rg-promo-card__body { width: auto; }
.rg-offers-hub .rg-offers-catalogue .rg-promo-card__visual {
	height: 100%;
	background-position: right center;
}
.rg-offers-hub .rg-offers-catalogue .rg-promo-card__top { justify-content: flex-end; }
.rg-offers-hub .rg-offers-catalogue .rg-promo-card__top > small {
	position: absolute;
	top: 3px;
	left: 0;
}
.rg-offers-hub .rg-offers-catalogue .rg-promo-card__body {
	max-width: 72%;
	margin-top: 24px;
}
.rg-offers-hub .rg-offers-catalogue .rg-promo-card__eyebrow { margin-bottom: 8px; }
.rg-offers-hub .rg-offers-catalogue .rg-promo-card h3 {
	max-width: 26ch;
	margin-bottom: 12px;
}
.rg-offers-hub .rg-offers-catalogue .rg-promo-card__body > p:last-child {
	max-width: 46ch;
	min-height: 0;
}
.rg-offers-hub .rg-offers-catalogue .rg-promo-card__metric {
	max-width: 72%;
	margin-top: 14px;
	padding: 10px 0;
}
.rg-offers-hub .rg-offers-catalogue .rg-promo-card__accounts {
	max-width: 72%;
	margin-bottom: 10px;
}
.rg-offers-hub .rg-offers-catalogue .rg-promo-card__cta {
	min-height: 48px;
	margin-top: auto;
	padding-inline: 18px;
}

.rg-offers-path { position: relative; padding: var(--rg-section-space) 0; color: #fff; background: radial-gradient(circle at 50% 10%,rgba(112,230,255,.1),transparent 32%),linear-gradient(135deg,#06142d,#0a1d3a 60%,#11143a); }
.rg-offers-path__track { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin: 0; padding: 54px 0 0; list-style: none; }
.rg-offers-path__track::before { content: ""; position: absolute; top: 15px; left: 12.5%; right: 12.5%; height: 2px; background: linear-gradient(90deg,#70e6ff,#55e4b5,#8d85ff,#70e6ff); opacity: .55; }
.rg-offers-path__track::after { content: ""; position: absolute; top: 8px; left: calc(12.5% + (75% * var(--rg-offers-progress))); width: 16px; height: 16px; border: 3px solid #07172e; border-radius: 50%; background: #70e6ff; box-shadow: 0 0 0 7px rgba(112,230,255,.13),0 0 28px rgba(112,230,255,.85); transform: translateX(-50%); }
.rg-offers-path__track li { position: relative; min-height: 360px; display: flex; flex-direction: column; padding: 28px; border: 1px solid rgba(127,168,217,.22); border-radius: var(--rg-radius-xl); background: linear-gradient(145deg,rgba(15,36,70,.92),rgba(7,20,43,.9)); box-shadow: 0 22px 60px rgba(0,0,0,.18); transition: transform var(--rg-hover-duration) ease,border-color var(--rg-hover-duration) ease,box-shadow var(--rg-hover-duration) ease; }
.rg-offers-path__track li:hover { transform: translateY(-5px); border-color: rgba(112,230,255,.52); box-shadow: 0 28px 68px rgba(0,0,0,.25); }
.rg-offers-path__track li > span { position: absolute; top: -47px; left: 50%; color: #8fa5c0; font-size: var(--rg-type-body-sm); font-weight: 800; transform: translateX(-50%); }
.rg-offers-path__track li > i { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 46px; border: 1px solid rgba(112,230,255,.24); border-radius: var(--rg-radius-lg); color: var(--rg-theme-accent); background: rgba(112,230,255,.07); }
.rg-offers-path__track li > i svg { width: 22px; height: 22px; }
.rg-offers-path__track small { color: var(--rg-theme-accent); font-size: var(--rg-type-body-sm); font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.rg-offers-path__track h3 { margin: 11px 0 13px; color: #fff; font-size: var(--rg-type-h4); line-height: 1.2; }
.rg-offers-path__track p { margin: 0; color: #9fb0c7; font-size: var(--rg-type-body-sm); line-height: 1.6; }
.rg-offers-path__track a { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 22px; color: var(--rg-link-dark); font-size: var(--rg-type-body-sm); font-weight: 700; text-decoration: none; }
.rg-offers-path__track a:hover,
.rg-offers-path__track a:focus-visible { color: var(--rg-link-dark-hover); text-decoration: underline; text-underline-offset: 4px; }
.rg-offers-path__track a:focus-visible { outline: 3px solid var(--rg-focus-color); outline-offset: 3px; }
.rg-offers-path__track a > svg { width: 17px; height: 17px; flex: 0 0 17px; }
.rg-offers-path__actions { display: flex; justify-content: center; gap: 14px; margin-top: 38px; }

.rg-offers-faq { padding: var(--rg-section-space) 0; background: linear-gradient(180deg,#f3f7fc,#eaf1f9); }
.rg-offers-objectives .rg-promo-eyebrow,
.rg-offers-faq .rg-promo-eyebrow { color: #087f9d; }
.rg-offers-support { display: grid; grid-template-columns: 46px 1fr 20px; align-items: center; gap: 13px; max-width: 380px; min-height: 78px; margin-top: 34px; padding: 14px; border: 1px solid #cad9e7; border-radius: var(--rg-radius-lg); color: #07162f; background: #fff; text-decoration: none; transition: transform var(--rg-hover-duration) ease,border-color var(--rg-hover-duration) ease,background var(--rg-hover-duration) ease; }
.rg-offers-support > svg:first-child { width: 46px; height: 46px; padding: 12px; border-radius: var(--rg-radius-md); color: #087f9d; background: #e7f8fc; }
.rg-offers-support span { display: grid; }
.rg-offers-support small { color: #6b7c92; font-size: var(--rg-type-body-sm); }
.rg-offers-support strong { margin-top: 3px; font-size: var(--rg-type-body); }
.rg-offers-support > svg:last-child { width: 18px; }
.rg-offers-support:hover,
.rg-offers-support:focus-visible { transform: translateY(-2px); border-color: var(--rg-hover-light-border); background: var(--rg-hover-light-surface); }
.rg-offers-support:focus-visible { outline: 3px solid var(--rg-focus-color); outline-offset: 3px; }

.rg-offers-final { position: relative; min-height: 680px; display: flex; align-items: center; overflow: hidden; color: #fff; background: #020817; }
.rg-offers-final__art { position: absolute; inset: 0; background: linear-gradient(90deg,#020817 0%,rgba(2,8,23,.95) 38%,rgba(2,8,23,.18) 80%),linear-gradient(0deg,#020817,transparent 40%),url("../images/promotions/travel-journey/tier-dual-country-v1.jpg") 78% 50% / cover no-repeat; filter: brightness(.8) saturate(1.05); }
.rg-offers-final__inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.3fr) minmax(320px,.7fr); align-items: end; gap: 90px; padding: var(--rg-section-space) 0; }
.rg-offers-final h2 { margin: 0; color: #fff; }
.rg-offers-final__inner > div:first-child > p:not(.rg-promo-eyebrow) { max-width: 650px; margin: 26px 0 0; color: #aebed2; font-size: var(--rg-type-body-lg); line-height: 1.6; }
.rg-offers-final__inner > div:last-child { display: grid; gap: 12px; }

@media (max-width:1180px) {
	.rg-offers-hub .rg-offers-hero .rg-promo-hero__copy { width: min(62%,720px); }
	.rg-offers-objective-layout { grid-template-columns: 1fr; }
	.rg-offers-objective-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
	.rg-offers-objective-list button { min-height: 210px; grid-template-columns: 52px minmax(0,1fr); }
	.rg-offers-objective-list button > svg { position: absolute; right: 20px; bottom: 20px; }
	.rg-offers-hub .rg-offers-catalogue .rg-promo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.rg-offers-hub .rg-offers-catalogue .rg-promo-card { min-height: 480px; }
	.rg-offers-hub .rg-offers-catalogue .rg-promo-card__body,
	.rg-offers-hub .rg-offers-catalogue .rg-promo-card__metric,
	.rg-offers-hub .rg-offers-catalogue .rg-promo-card__accounts { max-width: 78%; }
	.rg-offers-path__track { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; padding-top: 0; }
	.rg-offers-path__track::before,
	.rg-offers-path__track::after { display: none; }
	.rg-offers-path__track li > span { top: 24px; right: 24px; left: auto; transform: none; }
}

@media (max-width:900px) {
	.rg-offers-hub .rg-offers-hero .rg-promo-hero__copy { width: min(76%,680px); }
	.rg-offers-hub .rg-offers-hero::after { right: -28%; width: 112%; opacity: .78; }
	.rg-offers-objective-list { grid-template-columns: 1fr; }
	.rg-offers-objective-list button { min-height: 146px; grid-template-columns: 52px minmax(0,1fr) 24px; }
	.rg-offers-objective-list button > svg { position: static; }
	.rg-offers-spotlight { grid-template-columns: 1fr; }
	.rg-offers-spotlight__visual { min-height: 430px; }
	.rg-offers-hub .rg-offers-catalogue .rg-promo-grid { grid-template-columns: 1fr; }
	.rg-offers-hub .rg-offers-catalogue .rg-promo-card { min-height: 440px; }
	.rg-offers-hub .rg-offers-catalogue .rg-promo-card__body,
	.rg-offers-hub .rg-offers-catalogue .rg-promo-card__metric,
	.rg-offers-hub .rg-offers-catalogue .rg-promo-card__accounts { max-width: 62%; }
	.rg-offers-final__inner { grid-template-columns: 1fr; gap: 44px; }
}

@media (max-width:640px) {
	.rg-offers-hub .rg-offers-hero {
		background: linear-gradient(180deg,#020817 0%,rgba(2,8,23,.96) 48%,rgba(2,8,23,.42) 71%,#020817 100%),#020817;
	}
	.rg-offers-hub .rg-offers-hero::after { display: block; right: -66%; bottom: 250px; width: 184%; opacity: .72; background-position: 54% 50%; }
	.rg-offers-hub .rg-offers-hero .rg-promo-hero__grid { min-height: 1020px; padding-bottom: 430px; }
	.rg-offers-hub .rg-offers-hero .rg-promo-hero__copy { width: 100%; }
	.rg-offers-objective-list button { grid-template-columns: 46px minmax(0,1fr) 20px; padding: 20px; }
	.rg-offers-objective-list button > span { width: 46px; height: 46px; }
	.rg-offers-spotlight__visual { min-height: 320px; }
	.rg-offers-spotlight__body { padding: 28px 22px; }
	.rg-offers-hub .rg-offers-catalogue .rg-promo-grid { grid-template-columns: 1fr; }
	.rg-offers-hub .rg-offers-catalogue .rg-promo-card { min-height: 600px; padding: 24px; }
	.rg-offers-hub .rg-offers-catalogue .rg-promo-card::before { background: linear-gradient(180deg,transparent 20%,rgba(4,13,31,.78) 52%,rgba(4,13,31,.98) 76%); }
	.rg-offers-hub .rg-offers-catalogue .rg-promo-card__visual { height: 54%; background-position: center; }
	.rg-offers-hub .rg-offers-catalogue .rg-promo-card__body { margin-top: 220px; }
	.rg-offers-hub .rg-offers-catalogue .rg-promo-card__body,
	.rg-offers-hub .rg-offers-catalogue .rg-promo-card__metric,
	.rg-offers-hub .rg-offers-catalogue .rg-promo-card__accounts { max-width: none; }
	.rg-offers-hub .rg-offers-catalogue .rg-promo-card__body > p:last-child { min-height: 0; }
	.rg-offers-path__track { grid-template-columns: 1fr; }
	.rg-offers-path__track li { min-height: 300px; }
	.rg-offers-path__actions { display: grid; }
	.rg-offers-final { min-height: 760px; }
	.rg-offers-final__art { background-position: 58% 50%; }
	.rg-offers-final__inner .rg-promo-button { width: 100%; }
}