@font-face{font-family:FateGRArchivo;src:url('fate-archivo-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
fate-newsletter-popup{color-scheme:dark;--ink:#020604;--surface:#03140a;--green:#1dff4f;--phosphor:#7cff9a;--white:#f8fff9;--line:#2a6a3a;--muted:#adbfaf;--ease:cubic-bezier(.16,1,.3,1)}
fate-newsletter-popup *{box-sizing:border-box}
fate-newsletter-popup button,fate-newsletter-popup input,fate-newsletter-popup a{-webkit-tap-highlight-color:transparent}
fate-newsletter-popup button,fate-newsletter-popup a,fate-newsletter-popup input{font:inherit}
fate-newsletter-popup button,fate-newsletter-popup a{touch-action:manipulation}
fate-newsletter-popup button{cursor:pointer}
fate-newsletter-popup button:disabled{cursor:wait}
fate-newsletter-popup a{color:inherit}
fate-newsletter-popup button,fate-newsletter-popup input{border-radius:0}
fate-newsletter-popup button:focus-visible,fate-newsletter-popup a:focus-visible,fate-newsletter-popup input:focus-visible{outline:2px solid var(--phosphor);outline-offset:5px}
fate-newsletter-popup ::selection{color:var(--ink);background:var(--green)}
fate-newsletter-popup [hidden]{display:none!important}
fate-newsletter-popup .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
fate-newsletter-popup .gift{padding:0;margin:auto;width:min(660px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);border:1px solid var(--line);background:var(--ink);color:var(--white);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) var(--ink)}
fate-newsletter-popup .gift::backdrop{background:rgb(0 8 3 / .82)}
fate-newsletter-popup .gift[open]{animation:modal-in 240ms var(--ease)}
fate-newsletter-popup .gift-top{height:59px;padding:0 12px 0 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface)}
fate-newsletter-popup .campaign{font-size:15px;font-weight:800;letter-spacing:.02em;color:var(--phosphor)}
fate-newsletter-popup .close{width:44px;height:44px;display:grid;place-items:center;color:var(--phosphor);background:transparent;border:0}
fate-newsletter-popup .close svg{width:24px;height:24px}
fate-newsletter-popup .gift-content{padding:35px 42px 32px;min-height:510px;display:grid;align-items:center}
fate-newsletter-popup .step{text-align:center;width:100%;animation:step-in 240ms var(--ease)}
fate-newsletter-popup h2.choose-title,fate-newsletter-popup h2{margin:0;font-size:52px;font-weight:850;line-height:.99;letter-spacing:-.035em}
fate-newsletter-popup h2.choose-title>span{display:block}
fate-newsletter-popup h2.choose-title small{display:block;font-size:23px;font-weight:650;line-height:1.2;letter-spacing:-.01em;margin-top:13px}
fate-newsletter-popup .accent{color:var(--green)}
fate-newsletter-popup h2.choose-title:focus,fate-newsletter-popup h2:focus{outline:none}
fate-newsletter-popup .cards{display:flex;justify-content:center;gap:20px;margin:37px auto 25px;max-width:460px;perspective:1000px}
fate-newsletter-popup .card{position:relative;flex:1;min-width:0;max-width:132px;aspect-ratio:3/4;transform:rotate(var(--tilt));padding:0;border:0;background:transparent;transition:transform 220ms var(--ease),opacity 220ms var(--ease)}
fate-newsletter-popup .card-inner{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 420ms var(--ease)}
fate-newsletter-popup .card-front,fate-newsletter-popup .card-back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--phosphor)}
fate-newsletter-popup .card-front{background:var(--surface);color:var(--phosphor)}
fate-newsletter-popup .card-front::before{content:'';position:absolute;inset:6px;border:1px solid var(--line);pointer-events:none}
fate-newsletter-popup .card-front b{font-size:72px;font-weight:700;line-height:1}
fate-newsletter-popup .card-front img{position:absolute;width:18px;height:auto;left:12px;top:12px}
fate-newsletter-popup .card-front img:last-child{left:auto;top:auto;bottom:12px;right:12px;transform:rotate(180deg)}
fate-newsletter-popup .card-back{transform:rotateY(180deg);background:var(--green);color:var(--ink);font-size:64px;letter-spacing:-.04em}
fate-newsletter-popup .card.is-selected{transform:translateY(-8px) rotate(0)}
fate-newsletter-popup .card.is-selected .card-inner{transform:rotateY(180deg)}
fate-newsletter-popup .cards.is-revealing .card:not(.is-selected){opacity:.25;transform:rotate(var(--tilt)) scale(.94)}
fate-newsletter-popup .choose-hint{font-size:11px;letter-spacing:.11em;font-weight:600;color:var(--phosphor);margin:0}
fate-newsletter-popup .step-logo{width:28px;height:auto;margin:0 auto 25px;display:block}
fate-newsletter-popup .email-step h2{font-size:38px;line-height:1.04}
fate-newsletter-popup .email-step form{max-width:420px;margin:27px auto 0}
fate-newsletter-popup .email-step input{display:block;width:100%;height:54px;background:var(--surface);border:1px solid var(--line);padding:0 17px;color:var(--white);font-size:16px;caret-color:var(--green)}
fate-newsletter-popup .email-step input::placeholder{color:var(--muted)}
fate-newsletter-popup .email-step input[aria-invalid=true]{border-color:#ffb5ad}
fate-newsletter-popup .primary{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:15px 19px;background:var(--green);color:var(--ink);border:1px solid var(--green);text-decoration:none;font-size:14px;font-weight:750;letter-spacing:.015em;transition:background 160ms ease-out,transform 160ms var(--ease)}
fate-newsletter-popup .primary svg{width:22px;height:22px;flex:none}
fate-newsletter-popup .primary:disabled{background:var(--phosphor);border-color:var(--phosphor)}
fate-newsletter-popup .email-step .primary{margin-top:12px}
fate-newsletter-popup .consent{color:var(--muted);font-size:12px;line-height:1.5;max-width:32ch;margin:16px auto 0}
fate-newsletter-popup .error{margin:10px 0 0;text-align:left;font-size:13px;line-height:1.4;color:#ffb5ad}
fate-newsletter-popup .success-step h2{font-size:44px;line-height:1.03}
fate-newsletter-popup .reward{display:flex;justify-content:center;align-items:center;gap:17px;margin:35px auto 30px;padding-right:15px}
fate-newsletter-popup .reward-one,fate-newsletter-popup .reward-three{position:relative;width:112px;height:146px;display:flex;justify-content:center;align-items:center;border:1px solid var(--phosphor);background:var(--surface)}
fate-newsletter-popup .reward-one{transform:rotate(-5deg)}
fate-newsletter-popup .reward img{position:absolute;top:12px;left:12px;width:17px;height:auto}
fate-newsletter-popup .reward b{font-size:80px;line-height:1;font-weight:750;letter-spacing:-.04em}
fate-newsletter-popup .plus{width:24px;height:24px;flex:none;color:var(--phosphor)}
fate-newsletter-popup .reward-stack{position:relative;isolation:isolate}
fate-newsletter-popup .reward-three{background:var(--green);color:var(--ink);padding-bottom:15px}
fate-newsletter-popup .reward-three img{filter:brightness(0)}
fate-newsletter-popup .reward-three span{position:absolute;bottom:13px;font-size:10px;font-weight:750;letter-spacing:.07em}
fate-newsletter-popup .reward-stack i{position:absolute;inset:0;background:var(--surface);border:1px solid var(--phosphor);z-index:-1;transform:translate(9px,-5px) rotate(4deg)}
fate-newsletter-popup .reward-stack i:first-child{transform:translate(17px,-9px) rotate(8deg);z-index:-2}
fate-newsletter-popup .claim{max-width:420px;margin:0 auto}
@media(hover:hover){fate-newsletter-popup .card:not(:disabled):hover{transform:translateY(-8px) rotate(0)}
fate-newsletter-popup .primary:not(:disabled):hover{background:var(--phosphor)}
fate-newsletter-popup .close:hover{background:rgba(124,255,154,.09)}
}
fate-newsletter-popup button:active,fate-newsletter-popup .primary:active{transform:scale(.98)}
@keyframes modal-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes step-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:600px){fate-newsletter-popup .gift{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
fate-newsletter-popup .gift-top{height:51px;padding-left:20px;padding-right:6px}
fate-newsletter-popup .campaign{font-size:13px}
fate-newsletter-popup .gift-content{padding:33px 23px 29px;min-height:462px}
fate-newsletter-popup h2.choose-title{font-size:clamp(34px,10vw,48px)}
fate-newsletter-popup h2.choose-title small{font-size:clamp(15px,4.5vw,21px);margin-top:12px}
fate-newsletter-popup .cards{gap:12px;margin-top:35px;margin-bottom:27px}
fate-newsletter-popup .card{max-width:110px}
fate-newsletter-popup .card-front b{font-size:58px}
fate-newsletter-popup .card-front img{width:15px;left:10px;top:10px}
fate-newsletter-popup .card-front img:last-child{right:10px;bottom:10px}
fate-newsletter-popup .card-back{font-size:49px}
fate-newsletter-popup .email-step h2{font-size:clamp(27px,8vw,35px)}
fate-newsletter-popup .email-step form{margin-top:25px}
fate-newsletter-popup .success-step h2{font-size:clamp(29px,8.7vw,38px)}
fate-newsletter-popup .reward{margin:31px auto 29px;gap:13px}
fate-newsletter-popup .reward-one,fate-newsletter-popup .reward-three{width:93px;height:129px}
fate-newsletter-popup .reward b{font-size:70px}
fate-newsletter-popup .reward-three span{font-size:9px}
fate-newsletter-popup .primary{font-size:12px;padding-left:15px;padding-right:15px}
fate-newsletter-popup .step-logo{width:25px;margin-bottom:24px}
}
@media(max-height:560px){fate-newsletter-popup .gift-content{min-height:0;padding-top:24px;padding-bottom:24px}
fate-newsletter-popup .gift-top{height:46px}
fate-newsletter-popup .cards{margin-top:26px}
fate-newsletter-popup .card{max-width:94px}
fate-newsletter-popup h2.choose-title{font-size:34px}
fate-newsletter-popup h2.choose-title small{font-size:17px}
fate-newsletter-popup .email-step h2{font-size:29px}
fate-newsletter-popup .step-logo{display:none}
fate-newsletter-popup .success-step h2{font-size:29px}
fate-newsletter-popup .reward{margin:22px auto}
fate-newsletter-popup .reward-one,fate-newsletter-popup .reward-three{width:80px;height:104px}
fate-newsletter-popup .reward b{font-size:55px}
}
@media(prefers-reduced-motion:reduce){fate-newsletter-popup *,fate-newsletter-popup *::before,fate-newsletter-popup *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

fate-newsletter-popup{display:block;font-family:FateGRArchivo,Arial,sans-serif;line-height:1.4;font-weight:400;text-transform:none}
fate-newsletter-popup .gift{font-family:FateGRArchivo,Arial,sans-serif;inset:0;box-shadow:none;text-align:left;outline:none}
fate-newsletter-popup .gift-top{position:relative;inset:auto;z-index:auto}
fate-newsletter-popup .card{min-height:0;box-shadow:none}
fate-newsletter-popup .primary{line-height:1.2}
html.fate-newsletter-open{overflow:hidden}
html.fate-newsletter-open body{overflow:hidden}