/* Alternative promotions page: exact bonus-profile card component from profile-v8.css.
   Only this page loads these rules; the original promotions and profile pages are unchanged. */
.promotions2-wrap{--n8-line:rgba(157,178,227,.22);color:#f7f8ff}
.main-inner.promotions2-wrap{max-width:880px;width:100%;padding-bottom:48px}
.promotions2-wrap h3{margin:0;font-weight:900}
.promotions2-wrap p{line-height:1.5}
.promotions2-wrap a{text-decoration:none;color:inherit}
.promotions2-wrap svg{flex-shrink:0}
.promotions2-wrap a:focus-visible{outline:2px solid #ffe588;outline-offset:4px}
.n8-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 23px;border-radius:999px;font-weight:1000;font-size:16px;line-height:1.2;white-space:nowrap;cursor:pointer;transition:transform .16s,filter .16s,background .16s}
.n8-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}
.n8-btn:active{transform:translateY(1px)}
.n8-btn.gold{color:#071235;border:1px solid #ffeb8d;background:linear-gradient(180deg,#fff0a0,#ffcf36 60%,#edb72b);box-shadow:inset 0 1px 0 #fff6c0,0 9px 22px -12px #ffc900}
.n8-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.n8-offer{position:relative;isolation:isolate;overflow:hidden;padding:20px 24px 16px;min-width:0;border-radius:17px;border:2px solid transparent;background:linear-gradient(95deg,rgba(5,12,31,.22),transparent) padding-box,var(--offer-art) center/cover padding-box,linear-gradient(125deg,#20cffc,#3e4fff,#b234ea) border-box;box-shadow:inset 0 0 20px rgba(0,0,0,.12)}
.n8-offer:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,11,28,.25),transparent 80%)}
.n8-offer h3{font-size:13px;text-transform:uppercase;letter-spacing:.17em;color:#ffdb43;line-height:1.35;max-width:90%}
.n8-percent{display:block;font-size:58px;line-height:1.03;font-weight:1000;letter-spacing:-2px;margin:3px 0 8px}
.n8-offer-values{display:flex;gap:22px;max-width:70%}
.n8-offer-values>div+div{border-left:1px solid var(--n8-line);padding-left:22px}
.n8-offer-values span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.n8-offer-values b{display:block;font-size:29px;font-weight:1000;color:#ffdb4a;line-height:1.2;white-space:nowrap}
.n8-offer p{font-size:14px;color:#e1e5f3;max-width:53%;min-height:42px;margin:12px 0 16px}
.n8-offer-actions{display:flex;align-items:center;gap:22px}
.n8-offer-actions .n8-btn{font-size:15px;min-height:42px;width:46%;padding:8px 16px}
.n8-offer-actions .n8-btn svg{width:16px;height:16px}
.n8-offer-actions>a:last-child{display:flex;align-items:center;gap:3px;font-size:13px;white-space:nowrap}
.n8-offer-actions>a:last-child svg{width:12px;height:12px;transform:rotate(-90deg)}
@media(max-width:1023px){
.n8-offers{grid-template-columns:1fr;gap:14px}
.n8-offer{padding:20px 20px 16px;min-height:240px}
.n8-offer h3{font-size:12px;letter-spacing:.13em}
.n8-percent{font-size:56px;margin-top:5px}
.n8-offer-values{gap:18px;max-width:78%}
.n8-offer-values>div+div{padding-left:18px}
.n8-offer-values span{font-size:10px}
.n8-offer-values b{font-size:26px}
.n8-offer p{font-size:12px;max-width:55%;min-height:38px;margin:12px 0 16px}
.n8-offer-actions{gap:18px}
.n8-offer-actions .n8-btn{width:55%;font-size:15px;min-height:42px;padding:10px}
.n8-offer-actions>a:last-child{font-size:13px}
}
@media(max-width:420px){
.n8-offer-values{gap:15px}
.n8-offer-values>div+div{padding-left:15px}
}
@media(max-width:359px){
.n8-offer-values b{font-size:23px}
.n8-offer h3{font-size:11px}
}
.n8-offer{
  background:rgba(13,18,42,.72);
  border:2px solid rgba(196,213,246,.2);
  box-shadow:inset 0 1px 0 #ffffff26,0 18px 44px -20px #000d;
  transition:transform .2s ease,box-shadow .2s ease;
}
.n8-offer-art{
  position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:var(--offer-art) center / cover no-repeat;
}
.n8-offer-art::after{
  content:'';position:absolute;inset:0;border-radius:inherit;
  background:
    radial-gradient(ellipse at 0% 0%,rgba(216,237,255,.23),transparent 52%),
    linear-gradient(110deg,rgba(12,17,42,.94) 0%,rgba(15,20,48,.8) 38%,rgba(15,20,48,.26) 78%,rgba(14,16,44,.24) 100%);
  -webkit-backdrop-filter:blur(1.25px) saturate(1.12);
  backdrop-filter:blur(1.25px) saturate(1.12);
}
.n8-offer::before,.n8-offer::after{
  content:'';position:absolute;z-index:2;pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
}
.n8-offer::before{
  inset:0;border-radius:15px;padding:1.6px;
  background:linear-gradient(132deg,#11e8ff 0%,#2c59ff 18%,#6b2de6 56%,#ff29d1 100%);
}
.n8-offer::after{
  inset:8px;border-radius:10px;padding:1.3px;
  background:linear-gradient(135deg,rgba(150,235,255,.52) 0%,rgba(190,214,238,.09) 20%,rgba(190,214,238,.04) 50%,rgba(190,214,238,.09) 80%,rgba(255,135,225,.5) 100%);
}
.n8-offer>h3,.n8-offer>.n8-percent,.n8-offer>.n8-offer-values,.n8-offer>p,.n8-offer>.n8-offer-actions{position:relative;z-index:1}
.n8-offer>h3,.n8-offer>.n8-percent,.n8-offer>.n8-offer-values,.n8-offer>p{text-shadow:0 2px 10px #03061988}
@media(hover:hover){
.n8-offer:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff35,0 22px 44px -20px #000e}
}
@media(prefers-reduced-motion:reduce){
.n8-offer{transition:none}
.n8-offer:hover{transform:none}
}
.n8-offer-art::after{
  -webkit-backdrop-filter:none;backdrop-filter:none;
  background:
    radial-gradient(ellipse at 0% 0%,rgba(216,237,255,.16),transparent 50%),
    linear-gradient(0deg,rgba(7,12,31,.82) 0%,rgba(7,12,31,.68) 20%,rgba(7,12,31,.32) 40%,transparent 65%),
    linear-gradient(110deg,rgba(12,17,42,.93) 0%,rgba(15,20,48,.76) 35%,rgba(15,20,48,.28) 58%,rgba(14,16,44,.035) 78%,rgba(14,16,44,.02) 100%);
}
.n8-offer-art{background-position:right center}
.n8-offer>p,.n8-offer-actions>a:not(.n8-btn){color:#f2f5ff;text-shadow:0 1px 4px #030619,0 2px 12px #030619b3}
/* Keep the breadcrumb aligned with the two-column collection. */
@media(min-width:761px){.pv7-crumb{width:min(880px,calc(100% - 44px));max-width:880px}}