.login-experience{--message-first:#d7e8ff;--message-last:#b6a9fa}.login-experience[data-login-role=admin]{--message-first:#ffd9d0;--message-last:#eaa5bb}.login-experience[data-login-role=partners]{--message-first:#bbf0db;--message-last:#74d6df}.login-experience[data-login-role=payouts]{--message-first:#b9ebd2;--message-last:#8bccdb}.login-experience[data-login-role=historico]{--message-first:#f5dfb8;--message-last:#e3bc85}.login-experience[data-login-role=sandbox]{--message-first:#bcdcff;--message-last:#c9baff}[data-theme=light] .login-experience{--message-first:#2c50a4;--message-last:#6840a5}[data-theme=light] .login-experience[data-login-role=admin]{--message-first:#873d52;--message-last:#a44a76}[data-theme=light] .login-experience[data-login-role=partners]{--message-first:#086c59;--message-last:#176b83}[data-theme=light] .login-experience[data-login-role=payouts]{--message-first:#19644d;--message-last:#226879}[data-theme=light] .login-experience[data-login-role=historico]{--message-first:#805027;--message-last:#94632f}[data-theme=light] .login-experience[data-login-role=sandbox]{--message-first:#315ca8;--message-last:#694598}.login-carousel.login-with-messages:after{background:linear-gradient(var(--login-bg), transparent 19%, transparent 52%, color-mix(in srgb, var(--login-bg) 86%, transparent) 79%, var(--login-bg))}.login-message{z-index:2;pointer-events:none;max-width:650px;animation:.75s cubic-bezier(.2,.7,.3,1) both login-message-enter;position:absolute;bottom:clamp(36px,6vh,76px);left:clamp(28px,4vw,68px);right:clamp(28px,4vw,68px)}.login-message h2{letter-spacing:-.05em;text-wrap:balance;color:var(--login-fg);margin:0;font-size:clamp(35px,3.5vw,62px);font-weight:520;line-height:1.08}.login-message h2 span,.login-message h2 strong{display:block}.login-message h2 strong{color:var(--message-last);background:linear-gradient(105deg, var(--message-first), var(--message-last));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;font-weight:660}.login-message p{max-width:445px;color:var(--login-muted);text-wrap:pretty;margin:19px 0 0;font-size:14px;line-height:1.7}@keyframes login-message-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px) and (max-width:1050px){.login-message{max-width:550px;bottom:28px;left:28px}.login-message h2{font-size:36px}.login-message p{margin-top:12px;font-size:12px}}@media (max-width:767px){.login-message{bottom:16px;left:24px;right:24px}.login-message h2{letter-spacing:-.035em;font-size:25px;line-height:1.12}.login-message p{display:none}.login-carousel.login-with-messages:after{background:linear-gradient(transparent 40%,color-mix(in srgb,var(--login-bg) 93%,transparent) 83%,var(--login-bg))}}@media (max-width:359px){.login-message h2{font-size:23px}}@media (prefers-reduced-motion:reduce){.login-message{animation:none}}
.login-experience{--login-bg:#0d1525;--login-panel:#101929;--login-fg:#f6f8ff;--login-muted:#b8c4db;--login-border:#35425b;--login-input:#121e30;--login-accent:#7565ff;--login-button:#6150e7;--login-soft:#1c2741;--login-error:#ffb5bd;--login-error-bg:#371e2c;background:var(--login-bg);min-height:100svh;color:var(--login-fg);isolation:isolate;font-family:var(--font-inter), sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;grid-template-columns:55% 45%;line-height:1.5;display:grid;position:relative;overflow:clip}[data-theme=light] .login-experience{--login-bg:#f0f3fa;--login-panel:#fbfcff;--login-fg:#142037;--login-muted:#596780;--login-border:#cbd4e4;--login-input:#f6f8fd;--login-accent:#5b49d4;--login-button:#6150e7;--login-soft:#edf0fb;--login-error:#a62540;--login-error-bg:#fff0f2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.login-experience[data-login-role=admin]{--login-accent:#e594a7;--login-button:#ab4765}.login-experience[data-login-role=partners]{--login-accent:#4ed1c2;--login-button:#087d73}.login-experience[data-login-role=payouts]{--login-accent:#57d6b1;--login-button:#087b61}.login-experience[data-login-role=historico]{--login-accent:#dfb477;--login-button:#8d622c}.login-experience[data-login-role=sandbox]{--login-accent:#93aaff;--login-button:#465fea}[data-theme=light] .login-experience[data-login-role=admin]{--login-accent:#a74461}[data-theme=light] .login-experience[data-login-role=partners]{--login-accent:#06786f}[data-theme=light] .login-experience[data-login-role=payouts]{--login-accent:#08765f}[data-theme=light] .login-experience[data-login-role=historico]{--login-accent:#875e2d}[data-theme=light] .login-experience[data-login-role=sandbox]{--login-accent:#3f53cf}.login-experience *{box-sizing:border-box}.login-experience button,.login-experience input,.login-experience a{-webkit-tap-highlight-color:transparent}.login-experience button{cursor:pointer}.login-experience button:disabled{cursor:default;opacity:.6}.login-experience :is(button,a,input):focus-visible{outline:3px solid var(--login-accent);outline-offset:4px}.login-header{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:24px;padding:34px clamp(28px,4vw,68px);display:flex;position:absolute;inset:0 0 auto}.login-header>*{pointer-events:auto}.login-brand{flex-direction:column;align-items:flex-start;gap:7px;min-width:0;max-width:42%;display:flex}.login-brand-image{object-fit:contain;max-width:220px;max-height:44px}.login-wordmark{letter-spacing:-1.3px;color:var(--login-fg);font-size:29px;font-weight:750}.login-brand-label{letter-spacing:.22em;text-transform:uppercase;color:var(--login-muted);font-size:9px;font-weight:650}.login-controls{align-items:center;gap:12px;display:flex}.login-controls>button{width:44px;height:44px;color:var(--login-muted);background:0 0;border:0;border-radius:50%}.login-control-divider{background:var(--login-border);width:1px;height:22px}.login-language{position:relative}.login-language-trigger{min-width:66px;height:44px;color:var(--login-muted);border-radius:12px;justify-content:center;align-items:center;gap:8px;display:flex}.login-language img{object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #7e8dab33}.login-language-options{background:var(--login-panel);border:1px solid var(--login-border);border-radius:14px;min-width:186px;padding:6px;position:absolute;top:51px;right:0;box-shadow:0 14px 40px #020b2929}.login-language-options button{text-align:left;width:100%;min-height:44px;color:var(--login-fg);border-radius:9px;align-items:center;gap:12px;padding:8px 10px;font-size:13px;display:flex}.login-language-options button span{flex:1}.login-language-options button:hover,.login-language-options button[aria-pressed=true]{background:var(--login-soft)}.login-carousel{background:var(--login-bg);flex-direction:column;min-width:0;height:100svh;min-height:680px;display:flex;position:sticky;top:0;overflow:hidden}.login-carousel:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(color-mix(in srgb, var(--login-bg) 82%, transparent), transparent 26%);position:absolute;inset:0}.login-scene{pointer-events:none;position:absolute;inset:0}.login-scene-layer{opacity:0;transition:opacity .8s;position:absolute;inset:0}.login-scene-layer[data-active=true]{opacity:1}.login-scene-layer img{object-fit:cover;object-position:58% center;width:100%;height:100%;animation:16s ease-in-out infinite alternate login-scene-drift;display:block}.login-carousel[data-playing=false] .login-scene-layer img{animation-play-state:paused}.login-form-panel{background:var(--login-panel);border-left:1px solid color-mix(in srgb, var(--login-border) 65%, transparent);min-width:0;padding:calc(var(--login-header-height,120px) + 35px) clamp(32px, 6vw, 112px) 80px;flex-direction:column;justify-content:center;min-height:100svh;display:flex}.login-form-content{width:100%;max-width:410px;margin:auto;animation:.6s ease-out both login-enter}.login-form-heading{margin-bottom:36px}.login-badge{border:1px solid color-mix(in srgb, var(--login-accent) 30%, transparent);max-width:100%;min-height:27px;color:var(--login-accent);background:color-mix(in srgb, var(--login-accent) 8%, transparent);letter-spacing:.09em;text-transform:uppercase;border-radius:30px;align-items:center;padding:5px 12px;font-size:9px;font-weight:600;display:inline-flex}.login-form-heading h1{color:var(--login-fg);letter-spacing:-.045em;text-wrap:balance;margin:19px 0 12px;font-size:clamp(25px,2.15vw,35px);font-weight:650;line-height:1.17}.login-form-heading p{color:var(--login-muted);margin:0;font-size:14px;line-height:1.65}.login-form{flex-direction:column;gap:23px;display:flex}.login-field{flex-direction:column;gap:9px;min-width:0;display:flex}.login-field>label{color:var(--login-fg);font-size:12px;font-weight:500}.login-field input{border:1px solid var(--login-border);background:var(--login-input);width:100%;min-width:0;height:52px;color:var(--login-fg);border-radius:10px;padding:0 15px;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-field input::placeholder{color:var(--login-muted);opacity:.75}.login-field input:focus{border-color:var(--login-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--login-accent) 13%, transparent);outline:0}.login-field input[aria-invalid=true]{border-color:var(--login-error)}.login-secret-field{position:relative}.login-secret-field input{padding-right:52px}.login-secret-field button{width:44px;height:44px;color:var(--login-muted);border-radius:7px;place-items:center;display:grid;position:absolute;top:4px;right:3px}.login-forgot{color:var(--login-accent);text-underline-offset:4px;align-self:flex-end;margin-top:-8px;font-size:12px}.login-forgot:hover,.login-help a:hover{text-decoration:underline}.login-submit{background:var(--login-button);color:#fff;width:100%;min-height:52px;box-shadow:0 5px 18px color-mix(in srgb, var(--login-button) 18%, transparent), inset 0 1px 0 #ffffff12;border:1px solid #ffffff1c;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:12px 17px;font-size:14px;font-weight:600;transition:transform .2s,filter .2s,box-shadow .2s;display:flex}.login-submit:not(:disabled):hover{filter:brightness(1.08);box-shadow:0 8px 25px color-mix(in srgb, var(--login-button) 25%, transparent);transform:translateY(-1px)}.login-submit:not(:disabled):active{transform:translateY(0)}.login-submit[data-success=true]{background:#087b61}.login-assurance{color:var(--login-muted);text-align:center;justify-content:center;align-items:center;gap:9px;margin:30px 0 0;font-size:10px;line-height:1.65;display:flex}.login-assurance svg{flex-shrink:0}.login-help{border-top:1px solid var(--login-border);text-align:center;color:var(--login-muted);margin-top:27px;padding-top:24px;font-size:11px}.login-help a{color:var(--login-accent);margin-top:6px;display:block}.login-notice,.login-error{border:1px solid;border-radius:10px;align-items:flex-start;gap:10px;padding:13px 14px;font-size:12px;line-height:1.6;display:flex}.login-notice{color:var(--login-fg);background:var(--login-soft);border-color:var(--login-border);margin-bottom:24px}.login-error{color:var(--login-error);background:var(--login-error-bg);border-color:color-mix(in srgb, var(--login-error) 40%, transparent)}.login-notice svg,.login-error svg{flex-shrink:0;margin-top:2px}.login-field-hint{color:var(--login-muted);margin-top:-12px;font-size:11px}.login-spinner{animation:1s linear infinite login-spin}.login-portals{gap:14px;display:grid}.login-portal{border:1px solid var(--login-border);min-height:105px;color:var(--login-fg);border-radius:14px;grid-template-columns:74px 1fr 20px;align-items:center;gap:16px;padding:15px;transition:border-color .25s,transform .25s;display:grid}.login-portal img{object-fit:cover;border-radius:10px;width:74px;height:70px}.login-portal strong{font-size:15px;font-weight:600;display:block}.login-portal small{color:var(--login-muted);margin-top:5px;font-size:11px;line-height:1.5;display:block}.login-portal:hover{border-color:var(--login-accent);background:var(--login-soft);transform:translateY(-2px)}.login-verification{border:1px solid var(--login-border);width:min(510px,100% - 40px);max-height:calc(100svh - 40px);color:var(--login-fg);background:var(--login-panel);text-align:center;border-radius:20px;margin:auto;padding:32px 38px;overflow-y:auto;box-shadow:0 30px 120px #0005}.login-verification::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#050a16a6}.login-verification[open]{animation:.3s ease-out login-enter}.login-dialog-close{border:1px solid var(--login-border);width:40px;height:40px;color:var(--login-muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.login-verification-brand{display:none}.login-shield-art{object-fit:contain;width:110px;height:110px;margin:0 auto 15px;display:block}.login-verification h2{letter-spacing:-.045em;margin:0 0 10px;font-size:29px;font-weight:650;line-height:1.15}.login-verification>p{color:var(--login-muted);font-size:13px;line-height:1.65}.login-account{overflow-wrap:anywhere;background:var(--login-soft);max-width:100%;color:var(--login-muted);border:1px solid var(--login-border);border-radius:30px;margin:17px 0 28px;padding:5px 12px;font-size:12px;display:inline-block}.login-verification .login-field{text-align:left}.login-otp-input{height:56px;position:relative}.login-otp-input input{z-index:1;opacity:.01;caret-color:#0000;border:0;height:56px;padding:0;font-size:24px;position:absolute;inset:0}.login-otp-slots{pointer-events:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid;position:absolute;inset:0}.login-otp-slots span{border:1px solid var(--login-border);background:var(--login-input);border-radius:10px;place-items:center;font-size:23px;font-weight:500;display:grid}.login-otp-input:focus-within .login-otp-slots span[data-current=true]{border-color:var(--login-accent);box-shadow:0 0 0 2px var(--login-accent)}.login-otp-input:has(input[aria-invalid=true]) .login-otp-slots span{border-color:var(--login-error)}.login-recovery-input input{text-align:center;font-family:var(--font-mono), monospace;font-size:14px}.login-text-button{color:var(--login-accent);text-underline-offset:4px;min-height:44px;margin-left:auto;margin-right:auto;font-size:12px;text-decoration:underline;display:block}.login-recovery-switch{margin-top:18px}.login-back{color:var(--login-muted)}@keyframes login-scene-drift{0%{transform:scale(1)}to{transform:scale(1.025)}}@keyframes login-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes login-spin{to{transform:rotate(360deg)}}@media (min-width:768px) and (max-width:1050px){.login-experience{grid-template-columns:1fr}.login-header{padding:28px}.login-carousel{height:min(66vw,620px);min-height:460px;position:relative}.login-form-panel{border-left:0;min-height:0;padding:42px 34px 48px}}@media (max-width:767px){.login-experience{background:var(--login-panel);flex-direction:column;display:flex}.login-header{align-items:center;gap:12px;padding:22px 22px 18px;position:relative}.login-brand{gap:4px;max-width:calc(100% - 128px)}.login-wordmark{font-size:25px}.login-brand-image{max-width:100%;max-height:34px}.login-brand-label{letter-spacing:.13em;font-size:8px}.login-controls{gap:5px}.login-carousel{height:clamp(240px,66vw,420px);min-height:0;margin:0;padding:20px 0 0;position:relative;top:auto}.login-scene-layer img{object-position:center}.login-form-panel{border:0;flex:1;justify-content:flex-start;min-height:0;padding:27px 25px 25px}.login-form-content{max-width:440px;margin:0 auto}.login-form-heading{margin-bottom:25px}.login-form-heading h1{margin-top:15px;margin-bottom:9px;font-size:28px}.login-form-heading p{font-size:13px}.login-form{gap:18px}.login-field input{height:51px;font-size:16px}.login-secret-field button{top:3px}.login-assurance{margin-top:24px}.login-help{margin-top:23px;padding-top:20px}.login-portals{gap:12px}.login-portal{grid-template-columns:60px 1fr 16px;gap:12px;min-height:90px;padding:12px}.login-portal img{width:60px;height:60px}.login-portal strong{font-size:14px}.login-verification{width:100%;max-width:none;height:100svh;max-height:none;padding:26px max(24px, env(safe-area-inset-right)) 32px max(24px, env(safe-area-inset-left));border:0;border-radius:0;margin:0}.login-verification-brand{justify-content:center;min-height:32px;margin:2px 40px 27px;display:flex}.login-dialog-close{border:0;top:24px;left:12px;right:auto}.login-shield-art{width:120px;height:120px;margin:5px auto 25px}.login-verification h2{font-size:30px}.login-verification .login-form{max-width:420px;margin:0 auto}.login-otp-slots{gap:7px}}@media (max-width:359px){.login-header{padding:17px 17px 14px}.login-brand-label{font-size:7px}.login-form-panel{padding:23px 20px}.login-form-heading h1{font-size:25px}.login-otp-slots{gap:5px}.login-verification{padding-left:18px;padding-right:18px}}@media (min-width:1051px) and (max-height:760px){.login-carousel{min-height:650px}.login-form-panel{padding-top:120px}.login-form-heading{margin-bottom:25px}.login-form{gap:18px}}@media (prefers-reduced-motion:reduce){.login-experience *,.login-experience :before,.login-experience :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.login-scene{transform:none!important}}:root[data-theme=light] .login-experience .login-field input::placeholder{opacity:1;color:var(--login-muted)!important}
