/* The entrance shares the workspace's lavender, violet and sage palette. */
.auth-body.studio-auth.auth-orbit-page { --auth-ink:#302d42; --auth-muted:#827b95; --auth-violet:#7961d5; margin:0; color:var(--auth-ink); background:radial-gradient(ellipse at 48% 44%,#fff 0,#f5f2fc 38%,transparent 70%),radial-gradient(ellipse at 90% 10%,#e1d7f8,transparent 45%),linear-gradient(140deg,#eeebf6,#f7f5fb 55%,#eae5f3)!important; }
.auth-body.studio-auth.auth-orbit-page { min-width:0; }
.auth-orbit-page:before,.auth-orbit-page:after { display:none; }
.auth-universe { min-height:100svh; display:grid; grid-template-rows:auto 1fr auto; overflow:clip; }
.auth-universe-header,.auth-universe-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:28px 42px; position:relative; z-index:2; }
.auth-universe-brand { display:flex; align-items:center; gap:12px; font-size:21px; line-height:1.2; font-weight:750; letter-spacing:-.6px; color:#302c45; text-decoration:none; }
.auth-universe-brand>span:first-child { display:grid; place-items:center; width:40px; height:43px; border-radius:12px; background:linear-gradient(140deg,#9a82f3,#7355d1); color:#fff; transform:rotate(-8deg); font-size:29px; font-weight:800; box-shadow:0 6px 14px #745bac26,inset 0 1px 1px #ffffff50; }
.auth-universe-brand small { display:block; margin-top:5px; color:#9590a6; font-size:10px; font-weight:500; letter-spacing:0; }
.auth-motion-toggle { display:flex; align-items:center; gap:8px; border:1px solid #dcd5eb; border-radius:100px; background:#ffffff65; color:#80758f; font:500 11px/18px Manrope,sans-serif; min-height:38px; padding:8px 13px; cursor:pointer; }
.auth-motion-toggle[hidden] { display:none; }
.auth-pause-symbol { font-size:15px; width:14px; }
.auth-motion-toggle:disabled { cursor:default; }
.auth-motion-toggle:hover:not(:disabled) { border-color:#b8a8d4; background:#ffffffa8; }
.auth-universe-content { position:relative; width:100%; min-height:max(600px,calc(100svh - 163px)); margin:0; }
.auth-universe-intro { position:absolute; top:18%; left:50%; width:min(720px,54vw); transform:translateX(-50%); z-index:1; text-align:center; padding:12px 12px 0; }
.auth-universe-eyebrow { color:#9483b5; font-size:10px; font-weight:700; letter-spacing:2.2px; }
.auth-universe-intro h1 { margin:16px 0 14px; font:650 clamp(34px,3.75vw,58px)/1.12 Manrope,sans-serif; letter-spacing:-2.6px; color:#302b42; }
.auth-universe-intro h1>span { color:#9a89ba; }
.auth-universe-intro h1>.auth-headline-word { display:inline-block; color:#302b42; }
.auth-universe-intro p { margin:0; color:#8a819a; font-size:13px; line-height:22px; }
.auth-constellation { position:absolute; inset:0; perspective:1200px; isolation:isolate; }
.auth-orbit-path { position:absolute; width:85%; height:70%; border:1px solid #d8ccea70; border-radius:50%; left:50%; top:14%; transform:translateX(-50%) rotate(-13deg); pointer-events:none; }
.auth-orbit-path:after { content:''; position:absolute; inset:-25px 48px; border:1px solid #e5dced65; border-radius:50%; transform:rotate(35deg); }
.auth-float { position:absolute; border:1px solid #fff; border-radius:22px; background:#ffffffcf; padding:22px; box-shadow:0 12px 35px #6653820b,0 2px 5px #66538205,inset 0 0 0 1px #e3ddeb80; pointer-events:none; transform-style:preserve-3d; }
.auth-float-caption { display:flex; align-items:center; gap:9px; color:#857b98; font-size:11px; font-weight:600; }
.auth-float-caption>svg:last-child { width:15px; height:15px; margin-left:auto; color:#b4a8c7; }
.auth-mini-icon { width:31px; height:31px; display:grid; place-items:center; border-radius:9px; background:#eee7fc; color:#a18bc9; }
.auth-mini-icon.is-teal { background:#e6f3ef; color:#8bafa5; }
.auth-mini-icon svg { width:17px; height:17px; stroke-width:1.5; }
.auth-float>strong { display:block; margin-top:17px; font-size:16px; font-weight:650; letter-spacing:-.4px; }
.auth-float small { display:block; margin-top:12px; color:#9c92ac; font-size:10px; line-height:16px; }
.auth-float-money { width:270px; left:5%; top:7%; transform:rotate(-9deg); }
.auth-mini-chart { display:flex; align-items:flex-end; height:49px; gap:7px; margin:15px 0 0; }
.auth-mini-chart b { height:45%; width:100%; border-radius:4px 4px 2px 2px; background:#b7d4cc; transform-origin:bottom; }
.auth-mini-chart b:nth-child(2) { height:64%; }.auth-mini-chart b:nth-child(3) { height:52%; }.auth-mini-chart b:nth-child(4) { height:77%; }.auth-mini-chart b:nth-child(5) { height:69%; }.auth-mini-chart b:nth-child(6) { height:88%; }.auth-mini-chart b:nth-child(7) { height:100%; background:#84b4a6; }
.auth-float-money small { display:flex; gap:6px; align-items:center; }
.auth-float-money small>span { width:4px; height:4px; background:#90b5a9; border-radius:50%; }
.auth-float-calendar { width:260px; right:5%; top:9%; transform:rotate(9deg); }
.auth-mini-week { display:grid; grid-template-columns:repeat(5,1fr); gap:8px 3px; margin:17px -3px 0; text-align:center; }
.auth-mini-week>span { font-size:8px; color:#b5a9c5; }.auth-mini-week>b { display:grid; place-items:center; height:33px; position:relative; font-size:12px; color:#9586ac; font-weight:500; }
.auth-mini-week .is-today { background:#aa91dc; color:#fff; border-radius:9px; }.auth-mini-week i { position:absolute; width:3px; height:3px; background:#fff; border-radius:50%; bottom:4px; }
.auth-float-coin { width:76px; height:76px; left:29%; top:3%; padding:6px; border-radius:22px; transform:rotate(12deg); background:linear-gradient(125deg,#faf6ff,#e6dcf8); }
.auth-coin-face { display:grid; place-items:center; height:100%; border:1px solid #daceeb; border-radius:16px; color:#a48aba; font-size:34px; line-height:1; font-weight:600; }
.auth-coin-face svg { width:36px; height:36px; }
.auth-float-balance { left:calc(50% - 375px); top:50%; width:176px; padding:18px; transform:rotate(-9deg); }
.auth-mini-bars { display:flex; height:35px; gap:7px; align-items:end; margin-top:15px; }.auth-mini-bars b { width:100%; height:55%; border-radius:4px; background:#dcd0ed; }.auth-mini-bars b:nth-child(2) { height:80%; background:#c7b3e3; }.auth-mini-bars b:nth-child(3) { height:100%; background:#b59cd9; }
.auth-float-checklist { right:calc(50% - 375px); top:53%; width:176px; padding:18px; transform:rotate(7deg); background:#fcfbff; }.auth-float-checklist>div { display:flex; align-items:center; gap:8px; margin-top:12px; }.auth-float-checklist svg { width:14px; height:14px; color:#b7a0d3; }.auth-float-checklist b { width:74%; height:4px; border-radius:2px; background:#e4dcef; }.auth-float-checklist>div:last-child b { width:48%; }
.auth-float-spark { display:grid; place-items:center; width:66px; height:66px; padding:0; left:66%; top:1%; transform:rotate(-12deg); background:linear-gradient(140deg,#fffcf4,#f8eedb); color:#c3af84; }.auth-float-spark svg { width:30px; height:30px; stroke-width:1.4; }
.auth-float-doc { display:flex; align-items:center; gap:12px; width:236px; left:26%; bottom:3%; padding:17px; transform:rotate(-7deg); font-size:11px; font-weight:600; }.auth-float-doc small { margin-top:4px; font-size:9px; font-weight:400; }
.auth-float-growth { display:grid; place-items:center; width:83px; height:83px; padding:0; right:28%; bottom:11%; transform:rotate(9deg); background:linear-gradient(140deg,#fafefc,#e2f0e8); color:#9db8aa; }.auth-float-growth svg { width:37px; height:37px; stroke-width:1.5; }
.auth-entry-position { position:absolute; left:50%; top:50%; width:298px; margin-left:-149px; z-index:3; }
.auth-entry-card { display:flex; flex-direction:column; width:100%; min-height:226px; padding:23px 25px; position:relative; text-align:left; font-family:inherit; border:1px solid #baa6f1; border-radius:23px; background:radial-gradient(ellipse at 5% 0,#b298f6b0,transparent 64%),linear-gradient(140deg,#9579e5,#785bce 75%,#7056c3); color:#fff; cursor:pointer; box-shadow:0 22px 42px -12px #7858af4d,0 6px 13px #7d65b815,inset 0 1px 0 #ffffff40; transition:box-shadow .2s,border-color .2s; }
.auth-entry-card:hover { border-color:#e6d8ff; box-shadow:0 25px 46px -10px #7858af60,0 0 0 5px #a68be412,inset 0 1px 0 #ffffff40; }
.auth-entry-top { display:flex; align-items:center; justify-content:space-between; color:#e4d9ff; font-size:10px; letter-spacing:2px; }
.auth-entry-top>svg { width:17px; height:17px; stroke-width:1.5; }
.auth-entry-heading { display:block; font-size:25px; line-height:32px; font-weight:600; letter-spacing:-.7px; margin:24px 0 20px; }
.auth-entry-bottom { display:flex; align-items:center; justify-content:space-between; padding-top:15px; border-top:1px solid #ffffff28; font-size:13px; }
.auth-entry-bottom>strong { font-weight:600; }.auth-entry-bottom>span { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#ffffff20; }
.auth-entry-bottom svg { width:17px; height:17px; }
.auth-entry-hint { display:block; margin-top:19px; text-align:center; color:#a195b3; font-size:10px; }
.auth-float-team { left:7%; bottom:7%; width:264px; transform:rotate(6deg); }
.auth-mini-people { display:flex; align-items:center; margin-top:19px; padding-left:1px; }
.auth-mini-people>span { display:grid; place-items:center; width:33px; height:33px; border-radius:50%; background:#ece2fa; border:2px solid #fff; margin-left:-3px; color:#b4a0cd; }.auth-mini-people>span:nth-child(2) { background:#e3efeb; color:#a3bfb4; }.auth-mini-people>span:nth-child(3) { background:#faefda; color:#c9b58e; }.auth-mini-people svg { width:17px; height:17px; }.auth-mini-people>b { font-size:10px; color:#b1a4bf; margin-left:9px; font-weight:500; }
.auth-float-team>strong { margin-top:13px; font-size:14px; }.auth-float-team small { margin-top:5px; }
.auth-float-result { right:7%; bottom:8%; width:246px; transform:rotate(-7deg); background:linear-gradient(120deg,#faf8ff,#eee9f8); }
.auth-result-check { display:grid; place-items:center; width:37px; height:37px; border-radius:13px; background:#e2d8f3; color:#a18abe; margin-bottom:16px; }.auth-result-check svg { width:23px; height:23px; stroke-width:1.5; }
.auth-float-result strong { font-size:14px; font-weight:600; }.auth-float-result small { margin-top:5px; }.auth-result-lines { display:flex; gap:5px; margin-top:16px; }.auth-result-lines b { height:4px; width:40%; border-radius:2px; background:#d2c3e5; }.auth-result-lines b:nth-child(2) { width:30%; background:#e0d5ed; }.auth-result-lines b:nth-child(3) { width:20%; background:#e7dff0; }
.auth-float-note { left:50%; bottom:3%; margin-left:-113px; padding:10px 14px; border-radius:100px; display:flex; gap:8px; align-items:center; font-size:10px; color:#a69ab7; background:#ffffff70; }
.auth-float-note>span { width:5px; height:5px; border-radius:50%; background:#b5c8aa; }.auth-float-note svg { width:13px; height:13px; color:#b6a4d0; }
.auth-float-report { left:1.5%; top:42%; width:218px; transform:rotate(5deg); background:linear-gradient(125deg,#fffcff,#f2edf9); }
.auth-report-visual { display:flex; align-items:center; gap:20px; margin-top:19px; }
.auth-report-visual>span { width:62px; height:62px; flex:none; border-radius:50%; background:conic-gradient(#bba6dc 0 44%,#ded2ec 44% 72%,#ece5f6 72%); position:relative; }
.auth-report-visual>span:after { content:''; position:absolute; inset:11px; border-radius:50%; background:#f8f4fc; }
.auth-report-visual>div { display:grid; gap:10px; flex:1; }.auth-report-visual b { height:5px; background:#d4c8e4; border-radius:4px; }.auth-report-visual b:nth-child(2) { width:80%; background:#dfd5eb; }.auth-report-visual b:nth-child(3) { width:60%; background:#e8e0ef; }
.auth-float-payment { right:2%; top:43%; width:234px; transform:rotate(-5deg); background:linear-gradient(140deg,#fcfffd,#eff6f3); }
.auth-float-payment>strong { font-size:14px; }.auth-payment-track { display:flex; align-items:center; margin-top:23px; }.auth-payment-track>span { display:grid; place-items:center; width:29px; height:29px; border-radius:50%; background:#dfeee7; color:#89a89a; }.auth-payment-track svg { width:14px; height:14px; }.auth-payment-track>b { flex:1; height:1px; background:#cddfd5; }
.auth-universe-footer { padding-block:22px; color:#a49bb1; font-size:10px; }.auth-universe-footer>span:last-child { display:flex; gap:9px; align-items:center; }
.auth-orbit-page :is(button,a,input):focus-visible { outline:3px solid #ae98e4; outline-offset:5px; }

/* The real POST form is available even when JavaScript cannot start. */
.auth-orbit-page:not(.is-enhanced) .auth-universe-content { display:none; }
.auth-orbit-page:not(.is-enhanced) .auth-login-dialog { position:relative; grid-row:2; margin:30px auto; }
.auth-orbit-page:not(.is-enhanced) .auth-login-close { display:none; }
.auth-login-dialog { width:min(460px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 40px); padding:0; margin:auto; border:1px solid #e7e0f1; border-radius:24px; background:#fff; color:#302b42; box-shadow:0 30px 100px #48366338; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#cfbfdf transparent; }
.auth-login-dialog:not([open]) { display:none; }
.auth-login-dialog::backdrop { background:rgb(82 68 108 / var(--auth-backdrop-opacity,.32)); backdrop-filter:blur(9px); }
html.auth-login-open { overflow:hidden; }
.auth-login-header { display:flex; align-items:center; gap:9px; padding:18px 24px; border-bottom:1px solid #eee8f6; background:linear-gradient(110deg,#f9f6ff,#fff); color:#857295; font-size:12px; font-weight:650; }
.auth-login-mark { display:grid; place-items:center; height:28px; width:27px; border-radius:8px; background:#b7a0eb; color:#fff; font-size:20px; transform:rotate(-7deg); }
.auth-login-close { display:grid; place-items:center; width:36px; height:36px; padding:0; margin-left:auto; border:0; border-radius:9px; background:none; color:#92889f; cursor:pointer; }.auth-login-close:hover { background:#f1edf8; }.auth-login-close svg { width:20px; height:20px; }
.studio-auth .auth-login-content.auth-card { padding:26px 28px 24px!important; }
.auth-login-kicker { display:block; font-size:9px; font-weight:700; letter-spacing:1.6px; color:#aa93c4; margin-bottom:10px; }
.studio-auth .auth-login-content.auth-card h2 { font-size:25px!important; letter-spacing:-.8px; color:#393048!important; }
.studio-auth .auth-login-content.auth-card>p { font-size:12px!important; color:#80718e!important; margin:10px 0 25px!important; }
.studio-auth .auth-login-content.auth-card .field { margin-bottom:18px; gap:7px; }
.studio-auth .auth-login-content.auth-card .field>label { color:#7c708f!important; font-size:11px!important; }
.studio-auth .auth-login-content.auth-card .input { height:46px!important; border-color:#e2daed!important; background:#fdfcfe!important; font-size:13px; }
.studio-auth .auth-login-content #password { padding-right:48px; }
.studio-auth .auth-login-content.auth-card .input:focus { border-color:#a58bd9!important; box-shadow:0 0 0 3px #a58bd915!important; }
.studio-auth .auth-login-content .auth-field-row { font-size:11px!important; margin:20px 0!important; color:#80718e; }
.studio-auth .auth-login-content .auth-field-row a { color:#8066a4!important; }
.studio-auth .auth-login-content input[type=checkbox] { accent-color:#9275d1; }
.studio-auth .auth-login-content .auth-btn { background:linear-gradient(110deg,#8665d5,#7154c4)!important; border-color:#8a6ccb; min-height:46px; box-shadow:0 5px 12px #9476c71c!important; font-size:12px; }
.studio-auth .auth-login-content .auth-btn:hover { background:linear-gradient(110deg,#896bd3,#7053c0)!important; }
.studio-auth .auth-login-content .auth-login-help { display:flex; align-items:flex-start; gap:8px; margin:20px 0 0!important; padding-top:16px; border-top:1px solid #eee9f4; font-size:10px!important; line-height:17px; color:#80738e!important; }
.auth-login-help svg { width:14px; height:14px; flex:none; margin-top:2px; }
.studio-auth .auth-login-content .auth-alert { margin:18px 0; padding:12px; line-height:18px; }
.auth-login-content .auth-input-toggle { width:42px; min-height:42px; }
.auth-login-dialog.is-entering .auth-login-panel { pointer-events:none; }
.auth-login-dialog.is-entering { overflow:hidden; }
.auth-login-morph.auth-entry-card { display:none; position:absolute; top:0; left:0; z-index:2; transform-origin:0 0; visibility:hidden; opacity:0; pointer-events:none; box-shadow:none; transition:none; }

@media(min-width:1201px) and (max-height:860px) {
 .auth-universe-intro { top:14%; }
 .auth-float-money,.auth-float-calendar { top:1%; width:242px; padding:18px; }
 .auth-float-report,.auth-float-payment { top:39%; width:210px; padding:18px; }
 .auth-float-team,.auth-float-result { bottom:2%; width:234px; padding:18px; }
 .auth-float-doc { left:24%; width:220px; bottom:1%; }
 .auth-float-note { bottom:1%; }
}
@media(max-width:1200px) {
 .auth-universe-header,.auth-universe-footer { padding-inline:28px; }
 .auth-universe-intro { top:21%; width:64vw; }.auth-universe-intro h1 { font-size:44px; }
 .auth-universe-content { min-height:max(700px,calc(100svh - 163px)); }
 .auth-float-money { left:3%; top:2%; width:211px; padding:18px; }
 .auth-float-calendar { right:3%; top:4%; width:201px; padding:18px; }
 .auth-float-team { left:3%; width:224px; padding:18px; bottom:4%; }
 .auth-float-result { right:3%; width:211px; padding:18px; bottom:6%; }
 .auth-float-report,.auth-float-payment,.auth-float-spark,.auth-float-doc,.auth-float-growth,.auth-float-balance,.auth-float-checklist { display:none; }
 .auth-float-coin { left:43%; top:1%; }
 .auth-entry-position { width:268px; margin-left:-134px; top:51%; }
 .auth-entry-heading { font-size:23px; }
 .auth-float-note { bottom:2%; }
}
@media(max-width:760px) {
 .auth-login-close { width:44px; height:44px; }
 .auth-universe-header { padding:23px 20px; }.auth-universe-brand { font-size:18px; }.auth-universe-brand>span:first-child { width:33px; height:36px; font-size:25px; border-radius:10px; }
 .auth-motion-toggle { width:36px; height:36px; padding:0; justify-content:center; }.auth-motion-toggle [data-motion-label] { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .auth-universe-content { padding:0; min-height:0; margin:auto; }.auth-universe-intro { position:relative; left:auto; top:auto; transform:none; width:auto; padding:8px 12px 0; }.auth-universe-eyebrow { font-size:8px; letter-spacing:1.8px; }
 .auth-universe-intro h1 { font-size:36px; letter-spacing:-1.7px; line-height:1.16; margin:13px 0 12px; }.auth-universe-intro p { font-size:11px; }
 .auth-constellation { position:relative; inset:auto; height:490px; width:100%; max-width:510px; margin:10px auto 0; }
 .auth-orbit-path { width:370px; height:260px; top:127px; }
 .auth-float-money { width:170px; padding:15px; left:-8px; top:22px; border-radius:17px; }.auth-float-money>strong { font-size:12px; margin-top:11px; }.auth-mini-chart { height:28px; margin-top:10px; gap:5px; }.auth-float-money small { font-size:8px; margin-top:9px; }
 .auth-float-calendar { width:170px; padding:14px; right:-15px; top:43px; border-radius:17px; }.auth-mini-icon { width:25px; height:25px; border-radius:7px; }.auth-mini-icon svg { width:14px; height:14px; }.auth-float-caption { font-size:9px; gap:7px; }.auth-mini-week { margin-top:11px; gap:5px 2px; }.auth-mini-week>b { height:25px; font-size:10px; }.auth-float-calendar small { font-size:8px; margin-top:9px; }
 .auth-float-coin { display:none; }
 .auth-float-team,.auth-float-result { bottom:auto; }
 .auth-entry-position { width:250px; margin-left:-125px; top:165px; }.auth-entry-card { min-height:207px; padding:19px 22px; border-radius:21px; }.auth-entry-heading { font-size:23px; line-height:29px; margin:20px 0 16px; }.auth-entry-bottom { padding-top:12px; }.auth-entry-hint { font-size:9px; margin-top:13px; }
 .auth-float-team { width:174px; padding:14px; left:-21px; top:369px; border-radius:17px; }.auth-mini-people { margin-top:10px; }.auth-mini-people>span { width:27px; height:27px; }.auth-mini-people svg { width:13px; }.auth-mini-people>b { font-size:8px; }.auth-float-team>strong { font-size:10px; margin-top:10px; }.auth-float-team small { font-size:8px; }
 .auth-float-result { width:166px; padding:15px; right:-13px; top:376px; border-radius:17px; }.auth-result-check { width:28px; height:28px; margin-bottom:11px; border-radius:9px; }.auth-result-check svg { width:18px; }.auth-float-result strong { font-size:10px; }.auth-float-result small { font-size:8px; }.auth-result-lines { margin-top:11px; }
 .auth-float-note { display:none; }.auth-universe-footer { padding:36px 20px 20px; font-size:9px; }.auth-universe-footer>span:last-child { display:none; }
 .auth-login-dialog { max-height:calc(100dvh - 24px); width:min(460px,calc(100vw - 24px)); border-radius:20px; }.auth-login-header { padding:13px 18px; }
 .studio-auth .auth-login-content.auth-card { padding:22px 22px 20px!important; }.studio-auth .auth-login-content.auth-card .input { font-size:16px; }
 .studio-auth .auth-login-content.auth-card h2 { font-size:24px!important; }
}
@media(max-width:360px) { .auth-universe-intro h1 { font-size:31px; }.auth-universe-brand { font-size:16px; }.auth-float-money { left:-33px; }.auth-float-calendar { right:-37px; }.auth-entry-position { width:238px; margin-left:-119px; }.auth-float-team { left:-36px; }.auth-float-result { right:-31px; }.studio-auth .auth-login-content.auth-card { padding-inline:18px!important; } }
@media(prefers-reduced-motion:reduce) { .auth-entry-card,.auth-motion-toggle { transition:none; } }