.redeem-page{background-image:linear-gradient(#05050894, #07070a 78%), var(--hero-image);background-position:50% 28%;background-size:cover;min-height:900px;padding:145px 24px 115px;position:relative;overflow:hidden}.redeem-page:before,.redeem-page:after{content:"";pointer-events:none;filter:blur(2px);border-radius:50%;position:absolute}.redeem-page:before{background:radial-gradient(circle,#8b2ac52e,#0000 68%);width:620px;height:620px;top:70px;left:-300px}.redeem-page:after{background:radial-gradient(circle,#bd42ff24,#0000 68%);width:500px;height:500px;top:250px;right:-260px}.redeem-shell{z-index:1;width:min(1040px,100%);margin:0 auto;position:relative}.redeem-heading{text-align:center;max-width:720px;margin:0 auto 24px}.redeem-eyebrow{color:#ca5cff;font:800 11px/1.3 var(--font-display);letter-spacing:2px;justify-content:center;align-items:center;gap:12px;display:flex}.redeem-eyebrow i{background:#8d32b8;width:30px;height:1px}.redeem-heading h1{color:#fff;font:900 clamp(34px, 5.5vw, 58px)/1.15 var(--font-display);letter-spacing:1.5px;word-spacing:8px;text-shadow:0 5px 24px #000;margin:14px 0 15px}.redeem-heading h1 em{color:#c54dff;margin-left:.12em;font-style:normal;display:inline-block}.redeem-heading>p{color:#b1aabd;max-width:590px;margin:auto;font-size:15px;line-height:1.75}.redeem-stage{background:#0b0a0f;border:1px solid #392943;border-radius:12px;grid-template-columns:.95fr 1.05fr;min-height:440px;display:grid;overflow:hidden;box-shadow:0 8px #672397,0 35px 90px #000b}.redeem-showcase{text-align:center;background:radial-gradient(circle at 50% 42%,#6c2a8b80,#0000 38%),linear-gradient(145deg,#281332,#120c18 70%);border-right:1px solid #493154;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:48px 35px;display:flex;position:relative;overflow:hidden}.redeem-showcase:before{content:"";opacity:.16;background-image:linear-gradient(#fff 1px,#0000 1px),linear-gradient(90deg,#fff 1px,#0000 1px);background-size:35px 35px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.showcase-corner{z-index:2;opacity:.7;border-color:#b749e8;width:28px;height:28px;position:absolute}.showcase-corner.top-left{border-top:2px solid;border-left:2px solid;top:18px;left:18px}.showcase-corner.top-right{border-top:2px solid;border-right:2px solid;top:18px;right:18px}.showcase-corner.bottom-left{border-bottom:2px solid;border-left:2px solid;bottom:18px;left:18px}.showcase-corner.bottom-right{border-bottom:2px solid;border-right:2px solid;bottom:18px;right:18px}.redeem-pixels i{background:#c457f3;width:7px;height:7px;animation:4s ease-in-out infinite reward-float;position:absolute;transform:rotate(45deg);box-shadow:0 0 13px #c457f3}.redeem-pixels i:first-child{top:22%;left:18%}.redeem-pixels i:nth-child(2){animation-delay:-1s;top:33%;right:16%}.redeem-pixels i:nth-child(3){animation-delay:-2.2s;bottom:22%;left:25%}.redeem-pixels i:nth-child(4){width:4px;height:4px;animation-delay:-.6s;bottom:17%;right:25%}.redeem-pixels i:nth-child(5){width:4px;height:4px;animation-delay:-3s;top:15%;right:36%}@keyframes reward-float{0%,to{opacity:.45;transform:translateY(-4px)rotate(45deg)}50%{opacity:1;transform:translateY(7px)rotate(45deg)}}.reward-emblem{background:linear-gradient(135deg,#aa39e7,#5d1688);border:2px solid #d86cff;border-radius:22px;place-items:center;width:132px;height:132px;margin-bottom:30px;display:grid;position:relative;transform:rotate(45deg);box-shadow:0 0 0 9px #a940d51c,0 0 45px #b33dea70,inset 0 0 25px #fff2}.reward-emblem:before{content:"";border:1px solid #f0b8ff73;border-radius:14px;position:absolute;inset:10px}.reward-emblem svg{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:square;stroke-linejoin:bevel;filter:drop-shadow(0 4px 6px #45115d);width:72px;height:72px;transform:rotate(-45deg)}.redeem-showcase>small{color:#d56bff;font:800 10px/1.2 var(--font-display);letter-spacing:2px;position:relative}.redeem-showcase>strong{color:#fff;max-width:100%;font:900 clamp(23px, 3.3vw, 36px)/1.2 var(--font-display);overflow-wrap:anywhere;margin:9px 0 7px;position:relative}.redeem-showcase>span:last-child{color:#a99eb0;font-size:14px;position:relative}.redeem-claim-panel{background:linear-gradient(150deg,#100e15,#0a090d);flex-direction:column;padding:38px;display:flex}.redeem-account{grid-template-columns:64px 1fr auto;align-items:center;gap:16px;min-width:0;display:grid}.redeem-account img{width:64px;height:64px;image-rendering:pixelated;background:#211728;border:2px solid #60416e;border-radius:7px}.redeem-account div{min-width:0}.redeem-account small{color:#a84bce;font:800 9px/1.2 var(--font-display);letter-spacing:1.4px;margin-bottom:5px;display:block}.redeem-account strong{color:#fff;font:900 18px/1.3 var(--font-display);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.redeem-account div span{color:#827b89;font-size:12px}.verified-mark{color:#54e28e;background:#123821;border:1px solid #249d5a;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.claim-divider{color:#6f6876;font:800 9px/1 var(--font-display);letter-spacing:1.5px;align-items:center;gap:12px;margin:27px 0 22px;display:flex}.claim-divider:before,.claim-divider:after{content:"";background:#2a252f;flex:1;height:1px}.claim-copy{color:#a9a2ae;margin:0 0 22px;font-size:14px;line-height:1.7}.claim-copy b{color:#fff}.redeem-button,.redeem-login{color:#fff;width:100%;min-height:54px;font:900 12px/1 var(--font-display);letter-spacing:.8px;cursor:pointer;background:linear-gradient(#a63ada,#7f22b0);border:1px solid #d365ff;border-radius:5px;justify-content:center;align-items:center;gap:10px;padding:15px 20px;text-decoration:none;transition:transform .18s,filter .18s;display:flex;box-shadow:0 5px #4a126a,0 12px 25px #7c1ea52e}.redeem-button{justify-content:space-between}.redeem-button b{font-size:18px}.redeem-login svg{fill:currentColor;width:20px;height:20px}.redeem-button:hover,.redeem-login:hover{filter:brightness(1.12);transform:translateY(-2px)}.redeem-security{color:#716a78;align-items:center;gap:10px;margin-top:auto;padding-top:25px;display:flex}.redeem-security>span{color:#9334bf;font-size:10px}.redeem-security p{margin:0;font-size:10px;line-height:1.55}.redeem-security b{color:#9b92a2;font-family:var(--font-display);letter-spacing:.7px}.redeem-notice,.redeem-complete,.redeem-unavailable{border-radius:5px;margin-bottom:19px;padding:16px;font-size:13px}.redeem-notice.success,.redeem-complete{color:#dcffea;background:#0f3421;border:1px solid #21874c}.redeem-notice.error,.redeem-unavailable{color:#ffdce2;background:#35151d;border:1px solid #8d3343}.redeem-complete b,.redeem-unavailable b{font-family:var(--font-display);letter-spacing:.7px}.redeem-complete p,.redeem-unavailable p{margin:7px 0 0;line-height:1.5}.redeem-complete a{color:#fff;font:800 10px/1 var(--font-display);letter-spacing:.6px;border-top:1px solid #ffffff21;justify-content:space-between;margin-top:15px;padding-top:13px;text-decoration:none;display:flex}.redeem-steps{background:#0b0a0ee8;border:1px solid #2e2734;border-radius:8px;grid-template-columns:1fr 45px 1fr 45px 1fr;align-items:center;margin-top:28px;padding:24px 30px;display:grid}.redeem-steps>div{align-items:center;gap:13px;min-width:0;display:flex}.redeem-steps>div>b{color:#6c2a8e;font:900 24px/1 var(--font-display)}.redeem-steps span{min-width:0}.redeem-steps strong,.redeem-steps small{display:block}.redeem-steps strong{color:#ddd8e1;font:800 10px/1.4 var(--font-display);letter-spacing:1px}.redeem-steps small{color:#6f6974;margin-top:3px;font-size:10px}.redeem-steps>i{background:linear-gradient(90deg,#392743,#8130a8,#392743);height:1px}@media (width<=760px){.redeem-page{padding:120px 16px 85px}.redeem-heading{margin-bottom:28px}.redeem-heading h1{word-spacing:5px;line-height:1.22}.redeem-stage{grid-template-columns:1fr}.redeem-showcase{border-bottom:1px solid #493154;border-right:0;min-height:390px}.redeem-claim-panel{min-height:390px}.redeem-steps{grid-template-columns:1fr;gap:15px}.redeem-steps>i{display:none}}@media (width<=480px){.redeem-showcase{min-height:340px;padding:38px 20px}.reward-emblem{width:108px;height:108px;margin-bottom:25px}.reward-emblem svg{width:58px;height:58px}.redeem-claim-panel{padding:28px 21px}.redeem-account{grid-template-columns:54px 1fr auto;gap:12px}.redeem-account img{width:54px;height:54px}.redeem-steps{padding:21px}}
