.auth-page{--auth-bg:#0b0e2e;--auth-panel:#111642;--auth-line:#56628e;--auth-text:#f7f7fb;--auth-muted:#b0badb;--auth-blue:#aec7ff;background:var(--auth-bg);min-height:100dvh;color:var(--auth-text);font-family:var(--font-manrope),sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;grid-template-columns:minmax(500px,46%) minmax(0,54%);display:grid;overflow-x:clip}.auth-page *{box-sizing:border-box}.auth-page a{color:inherit;text-decoration:none}.auth-page button,.auth-page input{font:inherit}.auth-page button{cursor:pointer}.auth-page button:disabled{cursor:not-allowed;opacity:.5}:is(.auth-page a:focus-visible,.auth-page button:focus-visible){outline:2px solid var(--auth-blue);outline-offset:4px}.auth-panel{align-items:center;padding:34px 7vw 50px;display:grid}.auth-card{width:min(100%,480px);margin:0 auto;position:relative}.auth-brand{width:max-content;color:var(--auth-text);margin-bottom:28px;display:flex}.auth-wordmark{aspect-ratio:950/138;background:currentColor;width:144px;display:block;-webkit-mask-image:url(/openx-wordmark-source.png);mask-image:url(/openx-wordmark-source.png);-webkit-mask-position:50% 48%;mask-position:50% 48%;-webkit-mask-size:176% 682%;mask-size:176% 682%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}.auth-mode{background:var(--auth-panel);border:1px solid #303a67;border-radius:99px;width:max-content;margin-bottom:24px;padding:4px;display:flex}.auth-mode button{color:var(--auth-muted);background:0 0;border:0;border-radius:99px;padding:9px 16px;font-size:13px;font-weight:750}.auth-mode button.active{background:var(--auth-blue);color:#10172e}.auth-method-icon{width:62px;height:44px;color:var(--auth-blue);background:#1b2553;border:1px solid #394878;border-radius:22px;justify-content:center;align-items:center;margin:0 0 20px;display:flex}.auth-method-icon svg{width:20px;height:20px}.auth-card h1{letter-spacing:-.065em;max-width:520px;margin:0 0 12px;font-size:clamp(38px,3.6vw,54px);font-weight:650;line-height:.98}.auth-card>p{color:var(--auth-muted);max-width:440px;margin:0 0 25px;font-size:14px;line-height:1.7}.auth-identity-form{margin:0}.auth-field{margin:10px 0;display:block;position:relative}.auth-field>span{z-index:1;text-transform:uppercase;letter-spacing:.05em;color:var(--auth-muted);pointer-events:none;font-size:11px;position:absolute;top:10px;left:16px}.auth-field em{text-transform:none;font-style:normal}.auth-field input{border:1.5px solid var(--auth-line);background:var(--auth-panel);width:100%;height:64px;color:var(--auth-text);border-radius:13px;padding:25px 16px 8px;font-size:17px;transition:box-shadow .2s,border-color .2s;display:block}.auth-field:has(input:placeholder-shown)>span{opacity:0}.auth-field:has(input:placeholder-shown) input{padding:0 16px}.auth-field input:focus{border-color:var(--auth-blue);outline:none;box-shadow:0 0 0 4px #aec7ff24}.auth-field input[readonly]{color:var(--auth-muted);background:#101436;border-color:#39436e}.auth-field input::placeholder{color:#a2aed2}.auth-password input{padding-right:50px!important}.auth-password-toggle{width:40px;height:40px;color:var(--auth-muted);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:12px;right:9px}.auth-password-toggle svg{width:18px;height:18px}.auth-field-help{color:var(--auth-muted);margin:8px 2px;font-size:12px;line-height:1.5;display:block}.auth-submit{background:var(--auth-blue);color:#10172e;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;margin-top:16px;font-size:14px;font-weight:750;transition:background .2s;display:flex}.auth-submit:hover:not(:disabled){background:#cad9ff}.auth-submit svg{width:17px;height:17px}.auth-divider{color:var(--auth-muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin:18px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#303a67;flex:1;height:1px}.auth-google{border:1px solid var(--auth-line);background:var(--auth-panel);border-radius:15px;justify-content:center;align-items:center;gap:12px;width:100%;height:54px;font-size:14px;font-weight:600;transition:border-color .2s,background .2s;display:flex}.auth-google:hover{border-color:var(--auth-blue);background:#18204c}.auth-google svg{width:20px;height:20px}.auth-trust{color:var(--auth-muted);flex-wrap:wrap;justify-content:center;gap:13px;margin-top:19px;font-size:12px;display:flex}.auth-trust span{align-items:center;gap:4px;display:flex}.auth-trust svg{width:13px;height:13px}.auth-legal{color:var(--auth-muted);justify-content:center;gap:10px;margin-top:24px;font-size:12px;display:flex}.auth-legal a:hover{text-decoration:underline}.auth-error{color:#ff9ca7;align-items:flex-start;gap:6px;margin:12px 0;font-size:13px;line-height:1.6;display:flex}.auth-error svg{flex-shrink:0;margin-top:1px}.auth-back{background:var(--auth-panel);width:40px;height:40px;color:var(--auth-text);border:1px solid #39436e;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;right:0}.auth-back svg{width:20px;height:20px}.auth-spinner{animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-visual{background:#080a19;border:1px solid #303a67;border-radius:32px;min-height:calc(100dvh - 36px);margin:18px 18px 18px 0;position:relative;overflow:hidden}.auth-visual>img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;position:absolute;inset:0}.auth-visual-shade{background:linear-gradient(#080b2510 30%,#080b25aa 68%,#080b25f5 100%);position:absolute;inset:0}.auth-visual-copy{z-index:2;color:#fff;position:absolute;bottom:7%;left:7%;right:7%}.auth-visual-copy .auth-visual-symbol{object-fit:contain;width:48px;height:48px;margin-bottom:17px;display:block}.auth-visual-copy>span{color:#c6d8ff;background:#18254be8;border:1px solid #aec7ff66;border-radius:99px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.auth-visual-copy h2{letter-spacing:-.06em;margin:14px 0;font-size:clamp(40px,4.7vw,70px);font-weight:600;line-height:.98}.auth-visual-copy>p{color:#d3dafa;max-width:520px;margin:0;font-size:14px;line-height:1.7}.auth-visual-copy>div{flex-direction:column;gap:4px;margin-top:24px;display:flex}.auth-visual-copy>div b{font-size:18px;font-weight:700}.auth-visual-copy>div small{color:#b4bfdf;font-size:12px}:is(html:has(.auth-page),body:has(.auth-page)){background:#0b0e2e}@media (max-width:860px){.auth-page{display:block}.auth-panel{min-height:100dvh;padding:34px 20px 60px}.auth-card{max-width:520px}.auth-visual{display:none}.auth-card h1{font-size:42px}}@media (max-width:540px){.auth-panel{padding:27px 18px 35px;display:block}.auth-card{max-width:none;margin:0}.auth-brand{margin-bottom:26px}.auth-card h1{margin:20px 0 8px;font-size:36px;line-height:1.02}.auth-card>p{font-size:14px}.auth-mode{margin-bottom:20px}.auth-legal{margin-top:30px}}@media (prefers-reduced-motion:reduce){.auth-spinner{animation:none}.auth-page *{transition:none!important}}