:root{--design-w:1920;--design-h:1080;--page-scale:1;--scaled-artboard-h:1080px;--gold-a:#ff7700;--gold-b:#efe552;--panel:#610209;--field:#450003;--line:#974349;--icon:#ce1613}
*{box-sizing:border-box}
html,body{margin:0;min-width:100%;min-height:100%;background:#5b0008}
body{font-family:"Poppins",Arial,sans-serif;color:#fff;overflow-x:hidden}
button,input{font:inherit}
button{border:0}
img,picture{display:block}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.page-stage{position:relative;width:100%;height:calc(1080px * var(--page-scale));min-height:100svh;overflow:hidden;background:#5b0008 url("assets/images/background-desktop.webp?v=88f4b292") center top/cover no-repeat}
.page-stage::after{content:"";position:absolute;z-index:0;left:0;right:0;top:var(--scaled-artboard-h);bottom:0;background-color:#440006;background-image:linear-gradient(to bottom,transparent,#440006),url("assets/images/background-extension-desktop.webp?v=252e9aa8");background-position:center top;background-repeat:no-repeat;background-size:100% 200px}
.artboard{position:absolute;z-index:1;top:0;left:50%;width:1920px;height:1080px;overflow:hidden;transform:translateX(-50%) scale(var(--page-scale));transform-origin:top center;background:#71000a}
.page-stage.has-side-gutters .scene-background{display:none}
.page-stage.has-side-gutters .artboard{background:transparent}
.scene-background,.scene-background img{position:absolute;inset:0;width:100%;height:100%}
.scene-background img{object-fit:fill}
.hero-art,.registration-layout{position:absolute}
.hero-glow,.hero-character{position:absolute;display:block;background-position:center;background-repeat:no-repeat;background-size:100% 100%}
.hero-glow{left:211px;top:175px;width:640px;height:642px}
.hero-character{left:313px;top:145px;width:550px;height:669px}
.registration-layout{left:940px;top:94px;width:619px;height:849px}
.brand-block{position:absolute;inset:0 0 auto;width:619px;height:120px}
.brand-logo{position:absolute;left:129.5px;top:0;width:360px;height:68px}
.brand-logo img{width:100%;height:100%;object-fit:contain}
.brand-slogan{position:absolute;left:6.5px;top:84px;width:606px;height:36px;display:flex;align-items:flex-start;justify-content:center;gap:5px;white-space:nowrap;font-size:24px;line-height:36px;font-weight:700;text-align:center}
.brand-slogan span:first-child{background:linear-gradient(180deg,var(--gold-a),var(--gold-b));-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-slogan span:first-child::after{content:" -";color:#fff;-webkit-text-fill-color:#fff}
.registration-panel{position:absolute;left:9.5px;top:156px;width:600px;height:505px}
.panel-frame,.panel-frame img{position:absolute;inset:0;width:100%;height:100%}
.panel-frame img{object-fit:fill}
.account-flow{position:absolute;z-index:1;left:85px;top:34px;width:430px;height:426px}
.mode-header{position:absolute;left:0;top:0;width:430px;height:121px}
.panel-title{position:absolute;left:0;top:0;width:430px;height:51px;margin:0;text-align:center;font-size:34px;line-height:51px;font-weight:800;background-image:url("assets/images/title-gradient-desktop.webp?v=cc290bdc");background-size:269px 51px;background-position:center;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 5px rgba(0,0,0,.55))}
.mode-tabs{position:absolute;left:8px;top:63px;width:414px;height:58px;padding:3px;display:flex;gap:6px;border:1px solid var(--line);border-radius:40px;background:var(--panel)}
.mode-tab{width:200px;height:50px;padding:0;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:28px;background:transparent;color:#fff;font-size:14px;line-height:20px;font-weight:600;white-space:nowrap;cursor:pointer}
.mode-tab[aria-selected="true"]{color:#090000;background:linear-gradient(90deg,var(--gold-a),var(--gold-b))}
.lightning-icon{position:relative;width:16px;height:29px;flex:0 0 16px}
.lightning-icon img{position:absolute;inset:0;width:16px;height:29px}
.lightning-dark{display:none}
.mode-tab[aria-selected="true"] .lightning-dark{display:block}
.mode-tab[aria-selected="true"] .lightning-light{display:none}
.register-details{position:absolute;left:0;top:153px;width:430px;height:273px;margin:0}
.field-wrap{width:430px;height:70px}
.field-wrap+.field-wrap{margin-top:12px}
.input-field,.credential-box{position:relative;width:100%;height:52px;border:1px solid var(--line);border-radius:12px;background:var(--field)}
.input-field{display:flex;align-items:center}
.field-icon{position:absolute;left:9px;top:7px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--icon)}
.field-icon img{width:24px;height:24px}
.input-field input{width:100%;height:50px;padding:0 50px 0 56px;border:0;outline:0;background:transparent;color:#fff;font-size:14px;line-height:20px;font-weight:400}
.input-field input::placeholder{color:#8e5252;opacity:1}
.input-field:focus-within{border-color:#ffd866;box-shadow:0 0 0 1px rgba(255,216,102,.25)}
.password-toggle{position:absolute;right:1px;top:5px;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;cursor:pointer;opacity:.9}
.password-toggle img{width:24px;height:auto}
.field-error{height:18px;margin:0;padding:1px 8px 0;color:#ffb5b5;font-size:11px;line-height:17px}
.primary-cta{position:absolute;width:280px;height:81px;padding:0;overflow:hidden;background:transparent;color:#fff;cursor:pointer}
.cta-skin{position:absolute;inset:0;overflow:hidden}
.cta-skin img{position:absolute;left:-.21%;top:-7.41%;width:100.41%;height:123.46%;transform:none}
.cta-label{position:absolute;left:61px;top:26px;width:157px;height:32px;font-family:"Montserrat",Arial,sans-serif;font-size:26px;line-height:32px;font-weight:800;text-align:center;white-space:nowrap;text-shadow:0 0 4px #000}
.register-cta{left:75px;top:192px}
.one-tap-cta{left:75px;top:200px}
.one-tap-details{position:absolute;left:0;top:145px;width:430px;height:281px;text-align:center}
.one-tap-copy{position:absolute;left:0;top:0;width:430px;height:60px}
.one-tap-copy h2{margin:0;font-size:20px;line-height:30px;font-weight:600}
.one-tap-copy strong{color:#ffff98;font-weight:600}
.one-tap-copy p{margin:0;font-size:14px;line-height:21px;font-weight:400;color:#e9e9ea}
.mobile-break{display:none}
.benefits{position:absolute;left:0;top:73px;width:430px;height:108px;display:flex;justify-content:center;align-items:flex-start;gap:60px}
.benefit{display:flex;flex-direction:column;align-items:center;font-size:14px;line-height:20px;font-weight:400}
.benefit-phone{width:92px}.benefit-fast{width:80px}.benefit-secure{width:66px}
.benefit-icon,.benefit-circle{width:60px;height:60px;display:flex;align-items:center;justify-content:center}
.benefit-icon img{width:60px;height:60px}
.benefit-circle{border:1px solid #a15858;border-radius:50%}
.benefit-circle picture,.benefit-circle img{width:40px;height:40px}
.benefit p{margin:8px 0 0}
.success-flow{position:absolute;z-index:1;inset:0}
.success-content{position:absolute;left:85px;top:40px;width:430px;height:426px}
.success-summary{position:absolute;left:0;top:0;width:430px;height:124px;text-align:center}
.success-icon{width:60px;height:60px;margin:0 auto}
.success-heading{position:absolute;left:0;top:70px;width:430px}
.success-heading h1{height:45px;margin:0;font-size:30px;line-height:45px;font-weight:800;background-image:url("assets/images/title-gradient-desktop.webp?v=cc290bdc");background-size:269px 51px;background-position:center;background-repeat:repeat-x;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 5px rgba(0,0,0,.55));white-space:nowrap}
.success-heading p{margin:-1px 0 0;color:#e9e9ea;font-size:16px;line-height:24px;font-weight:400;white-space:nowrap}
.credential-list{position:absolute;left:0;top:150px;width:430px;margin:0}
.credential-group{height:77px}
.credential-group+.credential-group{margin-top:8px}
.credential-group dt{height:21px;margin:0 0 4px;font-size:14px;line-height:21px;font-weight:400}
.credential-group dd{margin:0}
.credential-box{display:flex;align-items:center;padding:0 48px 0 56px}
.credential-value{overflow:hidden;color:#fff;font-size:16px;line-height:24px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}
.credential-box-password .credential-value{color:#e19797}
.copy-button{position:absolute;right:1px;top:5px;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;cursor:pointer}
.copy-button img{width:24px;height:24px}
.success-cta{left:160px;top:402px}
.save-actions{position:absolute;z-index:2;left:85px;top:360px;width:430px;height:36px;display:flex;gap:8px}
.save-button{flex:1 1 0;min-width:0;height:36px;padding:0 8px;border:1px solid rgba(255,216,102,.55);border-radius:10px;background:linear-gradient(180deg,#e3122f,#9b0012);color:#fff;font:700 14px/1 "Poppins",Arial,sans-serif;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.save-copy{flex:0 0 36px;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:var(--field);cursor:pointer}
.save-copy img{width:20px;height:20px}
.save-button:active,.save-copy:active{transform:scale(.97)}
.save-button:focus-visible,.save-copy:focus-visible{outline:3px solid #fff29a;outline-offset:2px}
.save-button[data-done],.save-copy[data-done]{border-color:#ffd866;box-shadow:0 0 0 2px rgba(255,216,102,.35)}
.save-preview{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:rgba(40,0,4,.94);border-radius:24px}
.save-preview[hidden]{display:none}
.save-preview p{margin:0;font-size:15px;font-weight:600}
.save-preview img{max-width:100%;max-height:70%;border-radius:12px;-webkit-touch-callout:default}
.save-preview .save-button{flex:0 0 auto;width:140px}
.promotions{position:absolute;left:25.5px;top:697px;width:568px;height:152px;display:flex;gap:28px}
.promotions img{width:270px;height:152px;border:1px solid #bd7070;border-radius:10px;object-fit:cover}
.primary-cta:focus-visible,.mode-tab:focus-visible,.password-toggle:focus-visible,.copy-button:focus-visible{outline:3px solid #fff29a;outline-offset:3px}
.primary-cta:active{transform:scale(.98)}
.primary-cta:disabled{cursor:default}
.primary-cta.is-busy{cursor:progress}
.primary-cta.is-busy .cta-skin::after{content:"";position:absolute;top:0;bottom:0;left:-45%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,236,160,.45),transparent);transform:skewX(-18deg);animation:cta-shine 1.4s ease-in-out infinite}
.primary-cta.is-busy .cta-label{left:16px;width:248px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:20px}
.cta-spinner{flex:0 0 auto;width:22px;height:22px;box-sizing:border-box;border-radius:50%;border:3px solid rgba(255,216,102,.3);border-top-color:#ffd866;border-right-color:#ffd866;box-shadow:0 0 8px rgba(255,190,60,.55);animation:cta-spin .75s linear infinite}
@keyframes cta-spin{to{transform:rotate(360deg)}}
@keyframes cta-shine{0%{left:-45%}100%{left:110%}}

@media (orientation:landscape) and (min-width:1200px){
  .hero-glow{background-image:url("assets/images/hero-glow.webp?v=ff9d7684")}
  .hero-character{background-image:url("assets/images/hero-character.webp?v=7009d7f3")}
}

@media (orientation:landscape) and (min-width:1200px) and (max-width:1919px){
  .mode-tab,.input-field input,.field-error,.one-tap-copy p,.benefit,.credential-group dt,.credential-value,.success-heading p{font-size:clamp(14px,calc(24.667px - 0.5556vw),18px)}
  .benefit p{white-space:nowrap}
}

@media (orientation:portrait), (max-width:1199px){
  :root{--design-w:430;--design-h:932}
  .page-stage{height:calc(932px * var(--page-scale));background-color:#750d04;background-image:url("assets/images/background-mobile.webp?v=7784d4b8");background-position:center top}
  .page-stage::after{background-color:#440006;background-image:linear-gradient(to bottom,transparent,#440006),url("assets/images/background-extension-mobile.webp?v=25aeb79a")}
  .artboard{width:430px;height:932px}
  .scene-background,.scene-background img{inset:auto}
  .scene-background{position:absolute;inset:0;overflow:hidden}
  .scene-background img{left:-189px;top:-156px;width:662px;height:1176px;max-width:none}
  .hero-art{display:none}
  .registration-layout{left:16px;top:16px;width:398px;height:799px}
  .brand-block{left:24px;top:0;width:350px;height:130px}
  .brand-logo{left:25px;top:0;width:300px;height:68px}
  .brand-slogan{left:12px;top:68px;width:326px;height:62px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:flex-start;font-family:"Montserrat",Arial,sans-serif;font-size:24px;line-height:29px;font-weight:800;white-space:nowrap}
  .brand-slogan span:first-child{color:#fff;background:none;-webkit-text-fill-color:#fff}
  .brand-slogan span:first-child::after{content:""}
  .brand-slogan span:last-child{background:linear-gradient(180deg,var(--gold-a),var(--gold-b));-webkit-background-clip:text;background-clip:text;color:transparent}
  .registration-panel{left:0;top:160px;width:398px;height:492px}
  .account-flow{left:26px;top:33.5px;width:346px;height:410px}
  .mode-header{width:346px;height:116px}
  .panel-title{width:346px;height:42px;font-size:28px;line-height:42px;background-image:url("assets/images/title-gradient-mobile.webp?v=f298bc90");background-size:346px 42px}
  .mode-tabs{left:0;top:58px;width:346px;height:58px}
  .mode-tab{width:166px;height:50px}
  .register-details{top:140px;width:346px;height:270px}
  .field-wrap{width:346px}
  .register-cta,.one-tap-cta{left:33px;top:189px}
  .one-tap-details{top:140px;width:346px;height:270px}
  .one-tap-copy{width:346px;height:66px}
  .one-tap-copy h2{font-size:18px;line-height:27px}
  .one-tap-copy p{font-size:13px;line-height:19.5px}
  .benefits{top:79px;width:346px;height:96px;gap:40px}
  .benefit{font-size:13px;line-height:20px}
  .benefit-phone{width:92px}.benefit-fast{width:80px}.benefit-secure{width:66px}
  .benefit-icon,.benefit-circle{width:50px;height:50px}
  .benefit-icon img{width:50px;height:50px}
  .benefit-circle picture,.benefit-circle img{width:30px;height:30px}
  .benefit p{margin-top:7px}
  .success-content{left:26px;top:34px;width:346px;height:420px}
  .success-summary{width:346px;height:134px}
  .success-icon{width:48px;height:48px}
  .success-heading{top:58px;width:346px}
  .success-heading h1{height:42px;font-size:28px;line-height:42px;background-image:url("assets/images/title-gradient-mobile.webp?v=f298bc90");background-size:346px 42px}
  .success-heading p{margin:0 auto;width:330px;font-size:16px;line-height:24px;white-space:normal}
  .credential-list{top:148px;width:346px}
  .save-actions{left:26px;top:352px;width:346px;height:34px}
  .save-button{height:34px;font-size:13px}
  .save-copy{flex-basis:34px;width:34px;height:34px}
  .credential-box-password .credential-value{color:#8e5252}
  .success-cta{left:59px;top:392px}
  .promotions{left:0;top:692px;width:398px;height:107px;gap:18px}
  .promotions img{width:190px;height:107px}
}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.primary-cta:active{transform:none}.cta-spinner{animation-duration:2s}.primary-cta.is-busy .cta-skin::after{animation:none}}