/* Tajhizino identity and the installment story. */
:root{background:#f7f6f5;color:#231f21}
.brand{gap:14px}.brand-logo{display:flex;align-items:center;background:#fff;border:1px solid #f1edec;border-radius:12px;padding:7px 10px;box-shadow:0 4px 18px #3014140a}.brand-logo img{display:block;width:145px;max-width:100%;height:auto}.brand-divider{width:1px;height:31px;background:#ded6d6}.brand-name{color:#211c1e;font-size:19px}.brand-name>span{color:#e21b2d}.store-link{padding:10px 15px;border:1px solid #e8e1e1;border-radius:12px;background:#ffffffb8;transition:border-color .2s,transform .2s}.store-link:hover{border-color:#dcaab0;transform:translateY(-2px)}
.shell{border-color:#ede8e6;box-shadow:0 28px 80px #341a1f14,0 4px 15px #341a1f08}.story{background:linear-gradient(145deg,#17171b 1%,#2e2026 48%,#6d101e 100%);padding:51px 57px 38px}.story:before{background:radial-gradient(ellipse at 90% 5%,#e72a3d42,transparent 38%),radial-gradient(circle at 4% 85%,#ff273729,transparent 36%)}.story-kicker{color:#fff;border-color:#ffffff2b;background:#ffffff0d}.dot{background:#ff4250;box-shadow:0 0 0 4px #ff425023}.story h1{margin-top:29px;color:#fff}.story h1 span{color:#ff6370}.story>p{color:#e3d5d7;max-width:390px}.visual{min-height:260px}.orbit{border-color:#ffffff1d}.orbit-two{border-color:#ed52611a}.pay-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:268px;height:168px;border-radius:22px;padding:19px 20px;background:linear-gradient(150deg,#fff 0%,#f5f1f0 100%);color:#1f1b1c;transform:rotate(-8deg);box-shadow:0 30px 70px #0008,0 2px 0 #ffffff75 inset}.pay-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,#fff9,transparent 44%);pointer-events:none}.card-top,.card-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.card-top{direction:ltr;font:800 9px/1 sans-serif;letter-spacing:2px;color:#797175}.card-spark{font-size:19px;color:#df2335}.card-logo{position:relative;z-index:1;text-align:center}.card-logo img{width:185px;max-width:100%;height:auto;mix-blend-mode:multiply}.card-bottom{font-size:9px;font-weight:800;color:#766b6d}.card-symbol{direction:ltr;letter-spacing:-5px;color:#db1a2c;font-size:19px}.float-card{border:1px solid #ffffffa8;box-shadow:0 16px 35px #0004}.float-card b{color:#ce1d30;background:#fff0f1}.float-one{right:-2%;top:20%}.float-two{left:-2%;bottom:16%}
.benefits{position:relative;overflow:hidden;border:1px solid #ffffff29;border-radius:17px;background:#ffffff0d;padding:13px 16px}.benefits-caption{display:flex;justify-content:space-between;color:#f3dfe1;font-size:10px;font-weight:800}.benefits-caption span{color:#ff6572}.ticker-window{overflow:hidden;direction:rtl;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.ticker-track{display:flex;direction:rtl;align-items:center;gap:20px;width:max-content;padding:11px 0 2px;color:white;font-size:12px;font-weight:900;white-space:nowrap;animation:pay-ticker 20s linear infinite}.ticker-track i{font-style:normal;color:#ff6673;font-size:11px}.benefits-static{display:none;color:#fff;font-size:11px;font-weight:800;line-height:2}.benefits-static span{color:#ff6572;padding:0 4px}@keyframes pay-ticker{to{transform:translateX(50%)}}
.auth-promise{display:inline-block;margin-top:19px;padding:8px 12px;color:#6b5053;background:#fff4f4;border:1px solid #f6dfe1;border-radius:10px;font-size:10px}.auth-promise b{color:#c82033}.auth h2{margin-top:18px}.primary{background:linear-gradient(110deg,#b41026,#ed2436);box-shadow:0 10px 23px #cd203534}.tabs button[aria-selected=true],.eyebrow{color:#c71a2e}.eyebrow span{background:#dc2636}
@media(max-width:800px){.brand-logo{padding:5px 7px}.brand-logo img{width:105px}.brand{gap:9px}.brand-divider{height:26px}.brand-name{font-size:16px}.brand-name small{font-size:7px;letter-spacing:1.5px}.store-link{padding:8px 10px;font-size:10px}.story{padding:25px 25px 22px}.story h1{font-size:29px;margin:15px 0 4px;line-height:1.55}.story>p{max-width:350px;line-height:2}.visual{min-height:155px;margin:4px 0}.orbit{width:145px;height:145px}.orbit-two{width:190px;height:190px}.pay-card{width:185px;height:112px;padding:12px 14px;border-radius:16px}.card-top{font-size:7px}.card-spark{font-size:14px}.card-logo img{width:126px}.card-bottom{font-size:7px}.card-symbol{font-size:15px}.float-card{padding:7px 8px;font-size:8px;gap:6px}.float-card b{width:24px;height:24px;font-size:13px}.float-card small{font-size:7px}.float-one{right:-2%;top:14%}.float-two{left:-2%;bottom:8%}.benefits{padding:10px 12px;border-radius:13px}.ticker-track{font-size:11px;padding:8px 0 1px}.auth{padding-top:30px}.auth-promise{margin-top:14px}.auth h2{margin-top:14px}}
@media(max-width:390px){.brand-logo img{width:88px}.brand-name{font-size:15px}.store-link{font-size:9px}.story{padding-right:20px;padding-left:20px}.story h1{font-size:27px}.float-card{transform:none}.float-one{right:-9px}.float-two{left:-9px}.pay-card{width:167px;height:104px}.card-logo img{width:115px}}
@media(prefers-reduced-motion:reduce){.ticker-window{display:none}.benefits-static{display:block;margin-top:6px}.store-link{transition:none}}

/* Restore the original ruby palette and turn each benefit like a page. */
.brand{gap:11px}.brand-name{font-size:21px;color:#27252c}.brand-name>span{color:#b51b35}.store-link{padding:0;border:0;border-radius:0;background:none}.store-link:hover{transform:none}.shell{border-color:#eae5e5;box-shadow:0 24px 70px #4a23300f,0 3px 12px #4a233009}.story{background:linear-gradient(145deg,#791224,#b61936 58%,#d0374b);padding:55px 60px 39px}.story:before{background:radial-gradient(circle at 90% 12%,#ffffff1c,transparent 28%),radial-gradient(circle at 4% 90%,#3c001b50,transparent 40%)}.story-kicker{border-color:#ffffff33;background:#ffffff12}.dot{background:#ffcb8f;box-shadow:0 0 0 4px #ffcb8f22}.story h1{margin:32px 0 8px}.story h1 span{color:#ffd8c7}.story>p{color:#ffeaec;max-width:340px}.orbit{border-color:#ffffff20}.orbit-two{border-color:#ffffff0d}.pay-card{box-shadow:0 30px 55px #5200144d,0 2px 0 #ffffff75 inset}.float-card{box-shadow:0 12px 35px #50001d31}.float-one{right:0;top:26%}.float-two{left:0;bottom:18%}.benefits{border-color:#ffffff30;background:#ffffff12}.benefits-caption{color:#ffe4e6}.benefits-caption span{color:#ffccaa}.benefit-flip{position:relative;min-height:38px;margin-top:4px;perspective:600px}.benefit-flip span{position:absolute;inset:0;display:flex;align-items:center;color:#fff;font-size:13px;font-weight:900;line-height:1.7;transform-origin:50% 100%;backface-visibility:hidden;opacity:0;animation:benefit-page 15s ease-in-out infinite}.benefit-flip span:nth-child(2){animation-delay:5s}.benefit-flip span:nth-child(3){animation-delay:10s}@keyframes benefit-page{0%{opacity:0;transform:translateY(9px) rotateX(-70deg)}4%{opacity:1;transform:translateY(0) rotateX(0)}29%{opacity:1;transform:translateY(0) rotateX(0)}33.33%{opacity:0;transform:translateY(-8px) rotateX(70deg)}100%{opacity:0;transform:translateY(-8px) rotateX(70deg)}}.primary{background:linear-gradient(110deg,#a6132d,#c5213c);box-shadow:0 10px 23px #ab1d3430}.tabs button[aria-selected=true],.eyebrow{color:#ab1932}.eyebrow span{background:#b91d39}
@media(max-width:800px){.brand{gap:11px}.brand-name{font-size:19px}.store-link{padding:0;font-size:11px}.story{padding:30px 27px 23px}.story h1{font-size:31px;line-height:1.6;margin:20px 0 5px}.visual{min-height:155px}.float-one{right:1%;top:15%}.float-two{left:1%;bottom:10%}.benefit-flip{min-height:35px}.benefit-flip span{font-size:12px}}
@media(max-width:390px){.brand-name{font-size:18px}.store-link{font-size:10px}.story{padding-right:22px;padding-left:22px}.story h1{font-size:28px}.float-one{right:-9px}.float-two{left:-9px}.benefit-flip span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.benefit-flip{display:none}.benefits-static{display:block;margin-top:6px}}

/* Keep the registration form's natural height in both authentication modes. */
.form-stage{display:grid}
.form-stage>form{grid-area:1/1;min-width:0}
.form-stage>#register-form[hidden]{display:block!important;visibility:hidden;pointer-events:none}

/* The full panels exchange places while the forms keep their natural size. */
.story{z-index:1}
.auth-panel{display:flex;min-width:0;direction:rtl;background:#fff}
.shell.is-register .story{order:2}
.shell.is-register .auth-panel{order:1}
.auth-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:15px;border-top:1px solid #ffffff35}
.auth-switch>span{color:#ffeaec;font-size:11px;font-weight:700}
.auth-switch button{border:1px solid #ffffffb0;border-radius:11px;padding:10px 16px;background:#fff;color:#ab1730;font-size:11px;font-weight:900;box-shadow:0 7px 20px #6300142b;transition:background .2s,transform .2s}
.auth-switch button:hover{background:#fff4f2;transform:translateY(-2px)}
.auth-switch button:focus-visible{outline:3px solid #ffe0b8;outline-offset:3px}
.auth-switch button span{margin-right:9px}
@media(max-width:800px){.auth-switch{margin-top:12px;padding-top:12px}.auth-switch button{padding:9px 12px;font-size:10px}.auth-switch>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.auth-switch button{transition:none}}

/* A circular theme reveal begins at the upper-left corner. */
.topbar-actions{display:flex;direction:ltr;align-items:center;gap:22px}
.theme-toggle{display:inline-flex;direction:rtl;align-items:center;gap:7px;padding:8px 11px;border:1px solid #e5dcde;border-radius:11px;background:#fff;color:#51474b;font-size:11px;font-weight:800;box-shadow:0 4px 14px #361b210a}
.theme-toggle:focus-visible{outline:3px solid #cf5665;outline-offset:3px}.theme-icon{font-size:19px;line-height:1;color:#aa1730}
::view-transition-old(root){animation:none}
::view-transition-new(root){animation:theme-reveal 900ms cubic-bezier(.25,.7,.25,1) both}
@keyframes theme-reveal{from{clip-path:circle(0 at 0 0)}to{clip-path:circle(150vmax at 0 0)}}
html[data-theme=dark]{color-scheme:dark;background:#12171c;color:#e7edf1}
html[data-theme=dark] body{background:radial-gradient(ellipse at 88% 82%,#a3222029 0,transparent 38%),linear-gradient(145deg,#12171c,#1c2127);color:#e7edf1}
html[data-theme=dark] .shell{background:#1e252c;border-color:#39434d;box-shadow:0 24px 70px #0006}
html[data-theme=dark] .auth-panel{background:#1e252c;color:#e7edf1}
html[data-theme=dark] .story{background:linear-gradient(145deg,#52101e,#85172b 58%,#a9273c)}
html[data-theme=dark] .brand-name{color:#f1f4f7}
html[data-theme=dark] .brand-name>span{color:#ff8290}
html[data-theme=dark] .brand-name small,html[data-theme=dark] footer{color:#b4bdc5}
html[data-theme=dark] .store-link{color:#d4dde3}
html[data-theme=dark] .store-link span{color:#ff8b98}
html[data-theme=dark] .theme-toggle{background:#252d35;color:#f1f4f7;border-color:#46515b;box-shadow:none}
html[data-theme=dark] .theme-icon{color:#f0c266}
html[data-theme=dark] .auth h2,html[data-theme=dark] .auth label{color:#f1f4f7}
html[data-theme=dark] .eyebrow{color:#ff9ba6}
html[data-theme=dark] .subtitle,html[data-theme=dark] .form-note,html[data-theme=dark] .verify-caption{color:#b8c3cb}
html[data-theme=dark] .auth label small{color:#b8c3cb}
html[data-theme=dark] .auth-promise{background:#3b242c;color:#f3c9ce;border-color:#674047}
html[data-theme=dark] .auth-promise b{color:#ff9eaa}
html[data-theme=dark] .input-wrap{background:#151b20;border-color:#46515b}
html[data-theme=dark] .input-wrap:focus-within{border-color:#ff8996;box-shadow:0 0 0 3px #ff899631}
html[data-theme=dark] .input-wrap input{color:#f1f4f7}
html[data-theme=dark] .input-wrap input::placeholder{color:#a5b0b9;opacity:1}
html[data-theme=dark] .input-icon{color:#bac4ca}
html[data-theme=dark] .show-pass,html[data-theme=dark] .back{color:#ffacb5}
html[data-theme=dark] .secure{border-color:#46515b}
html[data-theme=dark] .secure>span,html[data-theme=dark] .verify-icon,html[data-theme=dark] .account-icon{background:#473039;color:#ffb1bb}
html[data-theme=dark] .secure strong,html[data-theme=dark] .verify-caption strong{color:#e7edf1}
html[data-theme=dark] .secure small{color:#b4bdc5}
html[data-theme=dark] .account-box{background:#151b20;border-color:#46515b;color:#bbc6ce}
html[data-theme=dark] .account-box strong{color:#f1f4f7}
html[data-theme=dark] .message{background:#512b33;color:#ffe1e5}
html[data-theme=dark] .message.success{background:#203e33;color:#c3f3d6}
@media(max-width:800px){.topbar-actions{gap:11px}.theme-toggle{padding:7px 9px;font-size:10px}.theme-icon{font-size:17px}}
@media(max-width:390px){.topbar-actions{gap:8px}.theme-toggle{padding:7px;font-size:9px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}

/* Keep static page content from being selected while preserving normal form editing. */
body{-webkit-user-select:none;user-select:none}
input,textarea,[contenteditable="true"]{-webkit-user-select:text;user-select:text}
img{-webkit-user-drag:none;user-drag:none}
.admin-preview-link{position:fixed;bottom:12px;left:16px;z-index:30;color:#a81932;font-size:10px;text-decoration:none}
html[data-theme=dark] .admin-preview-link{color:#ffacb6}
.benefit-flip span{animation:benefit-page-four 20s ease-in-out infinite}.benefit-flip span:nth-child(2){animation-delay:5s}.benefit-flip span:nth-child(3){animation-delay:10s}.benefit-flip span:nth-child(4){animation-delay:15s}@keyframes benefit-page-four{0%{opacity:0;transform:translateY(9px) rotateX(-70deg)}3%{opacity:1;transform:translateY(0) rotateX(0)}22%{opacity:1;transform:translateY(0) rotateX(0)}25%,100%{opacity:0;transform:translateY(-8px) rotateX(70deg)}}