:root{color-scheme:dark;--page:#000;--panel:#080808;--ink:#f6f6f7;--muted:#85858c;--border:#28282c;--field:#101011;--accent:#537dff}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #638aff;outline-offset:5px}.login-layout{min-height:100dvh;display:grid;grid-template-columns:1.07fr 1fr}.brand-panel{position:relative;display:flex;flex-direction:column;min-height:100dvh;padding:44px 52px 28px;overflow:hidden;background:#08090d;border-right:1px solid #ffffff0d}.wordmark{display:flex;align-items:center;gap:10px;width:fit-content;font-size:27px;font-weight:650;letter-spacing:-1.2px;position:relative;z-index:2}.wordmark img{width:38px;height:38px;object-fit:contain;border-radius:10px}.wordmark-dot{color:#7291ff}.brand-story{position:relative;z-index:2;margin-top:clamp(55px,10vh,110px)}.eyebrow{display:flex;align-items:center;gap:9px;color:#979ba9;font-size:10px;font-weight:600;letter-spacing:2.1px}.eyebrow>span{height:5px;width:5px;border-radius:50%;background:#8298ff;box-shadow:0 0 12px #7493ff70}.brand-story h1{font-weight:500;letter-spacing:-2.6px;font-size:clamp(34px,3.7vw,60px);line-height:1.13;margin:22px 0 20px;color:#f1f2f6}.brand-story p{font-size:14px;line-height:1.8;color:#9296a4;margin:0}.brand-art{position:relative;min-height:240px;flex:1;display:grid;place-items:center;margin:0 -52px;isolation:isolate}.brand-art>img{width:clamp(190px,22vw,330px);height:clamp(190px,22vw,330px);object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 0 35px #7846ff15);opacity:.92}.art-halo{position:absolute;inset:5% 10%;background:radial-gradient(ellipse,#3c368c24,transparent 65%);z-index:-1}.orbit{position:absolute;border:1px solid #969cbd10;border-radius:50%;width:430px;height:150px;transform:rotate(-24deg)}.orbit-two{width:540px;height:240px}.orbit-three{width:650px;height:330px;border-color:#969cbd08}.art-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#ffffff13,transparent);left:0;right:0;bottom:24%}.brand-footer{position:relative;z-index:2;display:flex;align-items:center;gap:16px;color:#626775;font-size:10px;letter-spacing:.3px;margin-top:16px}.brand-footer>span:last-child{font-size:8px;letter-spacing:1.5px}.footer-rule{width:30px;height:1px;background:#333746}.signin-panel{min-height:100dvh;padding:36px 44px 28px;display:flex;flex-direction:column;background:var(--page)}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.workspace-label{font-size:9px;letter-spacing:2px;color:#66666f;font-weight:550}.theme-control{border:1px solid var(--border);color:#a0a0a8;background:transparent;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.theme-control svg{width:17px;height:17px}.mobile-brand{display:none}.form-wrap{width:100%;max-width:360px;margin:auto; padding:48px 0}.section-index{font-size:9px;letter-spacing:1.9px;font-weight:550;color:#7f8190}.form-heading h2{font-weight:500;letter-spacing:-1.8px;font-size:43px;line-height:1.12;margin:18px 0 16px}.form-heading>p{color:var(--muted);font-size:13px;margin:0 0 36px;line-height:1.6}form>label,.label-row label{display:block;font-weight:500;font-size:12px;color:#c8c8d0;letter-spacing:.1px}.label-row{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:10px}.label-row a{font-size:11px;color:#9296a7}.label-row a:hover{color:var(--ink)}.input-wrap{display:flex;align-items:center;gap:11px;margin-top:9px;background:var(--field);border:1px solid var(--border);border-radius:9px;padding:0 13px;min-height:50px;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within{border-color:#6385ff;box-shadow:0 0 0 3px #527eff18}.input-wrap>svg{width:17px;height:17px;color:#62626d;flex:none}.input-wrap input{color:var(--ink);width:100%;min-width:0;border:0;outline:none;background:transparent;font-size:12px;padding:16px 0}.input-wrap input::placeholder{color:#62626d}.input-wrap button{border:0;background:transparent;color:#82828d;display:grid;place-items:center;width:30px;height:38px;padding:5px;flex:none}.input-wrap button svg{width:17px;height:17px}.signin-button{margin-top:28px;min-height:50px;width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #6789ff;background:#587eff;color:white;padding:0 17px;border-radius:9px;font-size:12px;font-weight:600;box-shadow:inset 0 1px 0 #ffffff25;transition:background .15s,transform .15s}.signin-button:hover{background:#6c8dff}.signin-button:active{transform:translateY(1px)}.signin-button svg{width:18px;height:18px}.form-footnote{display:flex;gap:7px;justify-content:center;align-items:center;color:#6a6a76;font-size:10px;margin-top:25px}.form-footnote svg{width:13px;height:13px}#feedback:empty{display:none}#feedback{font-size:12px;color:#a8baff;line-height:1.6;margin-top:16px}.signin-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#5f5f69;font-size:10px}.preview-label{font-size:8px;letter-spacing:1.5px;color:#737382}
html[data-theme=light]{color-scheme:light;--page:#fcfcfd;--panel:#fff;--ink:#19202d;--muted:#7b7f8b;--border:#dfe2e9;--field:#fff}html[data-theme=light] form>label,html[data-theme=light] .label-row label{color:#414856}html[data-theme=light] .form-footnote{color:#9296a0}html[data-theme=light] .input-wrap input::placeholder{color:#a0a4af}html[data-theme=light] .theme-control{color:#69707e}html[data-theme=light] .signin-footer{color:#9195a0}
@media(min-width:1600px){.brand-panel{padding-inline:70px}.brand-art{margin-inline:-70px}.signin-panel{padding-inline:60px}.form-wrap{max-width:390px}}
@media(max-width:1000px){.brand-panel{padding:36px 32px 25px}.brand-art{margin-inline:-32px}.brand-story h1{font-size:39px;letter-spacing:-1.8px}.signin-panel{padding:30px}.form-heading h2{font-size:38px}.brand-footer{gap:10px;font-size:9px}.brand-footer>span:last-child{display:none}}
@media(max-width:720px){.login-layout{display:block}.brand-panel{display:none}.signin-panel{min-height:100dvh;padding:28px 26px 22px}.mobile-brand{display:flex;font-size:23px}.mobile-brand img{width:32px;height:32px}.workspace-label{display:none}.panel-top{min-height:34px}.form-wrap{padding:60px 0 50px;max-width:380px}.form-heading h2{font-size:42px;letter-spacing:-1.8px}.form-heading>p{margin-bottom:34px;font-size:14px}.section-index{font-size:9px}.input-wrap{min-height:54px}.input-wrap input{font-size:16px;padding-block:17px}.label-row{margin-top:24px}.label-row label,form>label{font-size:13px}.label-row a{font-size:12px}.signin-button{min-height:54px;font-size:13px;margin-top:30px}.signin-footer{font-size:10px}.preview-label{font-size:8px}.form-footnote{font-size:11px}.signin-panel:before{content:"";position:absolute;pointer-events:none;top:90px;right:0;width:140px;height:220px;background:radial-gradient(ellipse at right,#545dff0b,transparent 70%)}html[data-theme=light] .mobile-brand{color:#172030}}
@media(max-width:360px){.signin-panel{padding-inline:20px}.form-heading h2{font-size:37px}}
@media(max-height:680px) and (min-width:721px){.brand-story{margin-top:40px}.brand-story h1{font-size:40px}.brand-art{min-height:165px}.brand-art>img{width:190px;height:190px}.form-wrap{padding-block:30px}.form-heading h2{font-size:36px}.form-heading>p{margin-bottom:25px}.signin-panel{padding-top:25px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Appearance applies to the entire page, including the brand panel. */
.brand-panel .wordmark{color:#f1f2f6}
.theme-control{width:auto;min-width:110px;border-radius:24px;display:flex;gap:7px;justify-content:center;padding:0 12px;height:36px;font-size:11px;white-space:nowrap}
html[data-theme=light] .brand-panel{background:#f3f5fa;border-color:#e2e6ef}
html[data-theme=light] .brand-panel .wordmark{color:#19202d}
html[data-theme=light] .brand-story h1{color:#19202d}
html[data-theme=light] .brand-story p{color:#646d7f}
html[data-theme=light] .eyebrow{color:#65708b}
html[data-theme=light] .brand-footer{color:#717b90}
html[data-theme=light] .footer-rule{background:#c9cfdd}
html[data-theme=light] .orbit{border-color:#485c8a12}
html[data-theme=light] .orbit-three{border-color:#485c8a0b}
html[data-theme=light] .art-halo{background:radial-gradient(ellipse,#a9b8ff30,transparent 65%)}
html[data-theme=light] .art-line{background:linear-gradient(90deg,transparent,#485c8a16,transparent)}
html[data-theme=dark] .brand-panel{background:#000;border-color:#222}
html[data-theme=dark] .wordmark{color:#f5f5f7}
@media(min-width:721px) and (max-height:900px){.brand-panel{padding-top:30px;padding-bottom:24px}.brand-story{margin-top:45px}.brand-story h1{font-size:clamp(34px,3.4vw,52px)}.brand-art{min-height:170px}.brand-art>img{width:clamp(170px,18vw,275px);height:clamp(170px,18vw,275px)}.signin-panel{padding-top:28px;padding-bottom:24px}.form-wrap{padding-block:28px}.brand-footer{margin-top:8px}}

/* Original transparent mark, with no app-icon tile. */
.wordmark{font-size:33px;gap:12px;letter-spacing:-1.35px}
.wordmark img{width:52px;height:52px;border-radius:0;background:transparent;object-fit:contain}
@media(max-width:720px){.mobile-brand{font-size:28px;gap:10px}.mobile-brand img{width:43px;height:43px}}

.auth-alert{padding:12px 15px;border:1px solid #b77c42;border-radius:9px;color:var(--ink);font-size:13px;margin-bottom:24px}
.auth-existing .auth-card{border:0;background:transparent;padding:0;margin:0;width:100%}
.auth-existing h2{font-size:38px;font-weight:500;letter-spacing:-1.4px;line-height:1.15;margin:0 0 18px}
.auth-existing p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:30px}
.auth-existing label{display:grid;gap:9px;font-size:13px;color:var(--ink);margin-top:20px}
.auth-existing input:not([type=hidden]){width:100%;min-height:50px;border:1px solid var(--border);border-radius:9px;background:var(--field);padding:13px;color:var(--ink);font-size:16px}
.auth-existing .btn{display:flex;align-items:center;justify-content:center;min-height:50px;padding:12px 16px;margin-top:25px;width:100%;background:#587eff;color:#fff;border:1px solid #6789ff;border-radius:9px;font-size:13px;font-weight:600}
.auth-existing a.link{display:block;text-align:center;font-size:12px;margin-top:24px;color:var(--muted)}

/* Readable secondary text and controls in both appearances. */
:root{--muted:#a6a6b1}
.section-index,.workspace-label,.brand-footer,.signin-footer,.preview-label,.form-footnote{color:#a6a6b1}
.label-row a{color:#b6bccf}
.signin-button,.auth-existing .btn{background:#3159d9;border-color:#5278ef;color:#fff}
.signin-button:hover,.auth-existing .btn:hover{background:#274cc1}
.input-wrap input::placeholder{color:#a6a6b1}
.input-wrap:focus-within{border-color:#9bb7ff;box-shadow:0 0 0 3px #9bb7ff25}
html[data-theme=light]{--muted:#5d6575}
html[data-theme=light] :is(.section-index,.workspace-label,.brand-footer,.signin-footer,.preview-label,.form-footnote){color:#5d6575}
html[data-theme=light] .label-row a{color:#4a5c83}
html[data-theme=light] .wordmark-dot{color:#3757c8}
html[data-theme=light] .input-wrap input::placeholder{color:#667085}
html[data-theme=light] .input-wrap{border-color:#8792a6}
html[data-theme=light] .input-wrap:focus-within{border-color:#3159d9;box-shadow:0 0 0 3px #3159d920}
html[data-theme=light] .input-wrap>svg,html[data-theme=light] #show{color:#667085}