:root{color-scheme:light;--page:#f4f3f8;--surface:#fff;--heading:#20212c;--text:#353643;--muted:#767583;--border:#e4e3eb;--input:#fff;--violet:#4f4996;--pink:#c92d7c;--soft:#f4f1fa;--danger:#b32242;--shadow:0 28px 80px -35px #49417435,0 2px 8px #49417405}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:var(--page);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 40px}button,input{font:inherit}button{cursor:pointer}button:focus-visible{outline:3px solid #9d549e;outline-offset:4px}button{ -webkit-tap-highlight-color:transparent}.preview-label{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.8px;font-weight:600;color:var(--muted);width:min(1180px,100%);margin:0 0 18px 6px}.preview-label>span:first-child{width:5px;height:5px;border-radius:50%;background:#9d549e}.preview-separator{opacity:.4;margin:0 3px}.auth-shell{display:grid;grid-template-columns:1fr 1fr;max-width:1180px;width:100%;min-height:708px;background:var(--surface);padding:12px;border:1px solid #fff9;border-radius:28px;box-shadow:var(--shadow)}.brand-panel{background:radial-gradient(ellipse at 3% 8%,#9cd7ed 0%,transparent 43%),radial-gradient(ellipse at 108% 78%,#ed81bd 0%,transparent 56%),radial-gradient(ellipse at 8% 98%,#5c51b1 0%,transparent 47%),linear-gradient(145deg,#5d94c6,#55509c 48%,#a34088);border-radius:19px;position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;padding:35px 34px;isolation:isolate}.brand-top{display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:1}.wordmark{display:flex;align-items:center;gap:11px;font:600 19px/1 Poppins,system-ui,sans-serif;letter-spacing:-.2px}.wordmark small{display:block;font:600 8px/1 Inter,system-ui,sans-serif;letter-spacing:2.4px;opacity:.85;margin-bottom:5px}.wordmark img{display:block;width:auto;height:30px}.workspace-tag{font-size:8px;letter-spacing:1.5px;font-weight:500;opacity:.85}.orb{position:absolute;pointer-events:none;z-index:-1}.orb-one{width:450px;height:450px;top:110px;right:-245px;background:radial-gradient(circle,#de9bc7aa,transparent 68%);filter:blur(18px)}.orb-two{width:440px;height:440px;top:70px;left:-240px;border-radius:50%;background:radial-gradient(circle,#bcdff060,transparent 70%)}.orbital{position:absolute;border:1px solid #ffffff13;z-index:-1;pointer-events:none;border-radius:50%;width:620px;height:620px;right:-356px;top:52px;transform:rotate(-25deg)}.orbital-two{width:480px;height:480px;right:-260px;top:122px}.brand-content{margin-top:auto;margin-bottom:65px;position:relative}.eyebrow{font-size:8px;font-weight:600;letter-spacing:1.55px;display:flex;align-items:center;gap:11px;margin-bottom:24px;opacity:.8}.small-line{width:25px;height:1px;background:#fff}.brand-content h2{font:500 clamp(30px,3vw,41px)/1.26 Poppins,system-ui,sans-serif;letter-spacing:-1.7px;margin:0 0 24px}.brand-content h2>span{color:#fff9}.brand-content p{font-size:13px;line-height:1.85;color:#ffffffe0;letter-spacing:-.1px;margin:0;max-width:340px}.brand-bottom{border-top:1px solid #ffffff30;padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.3px;color:#ffffffb5}.brand-arrow{font-size:21px;color:#fff}.form-panel{display:flex;flex-direction:column;padding:20px 35px 15px 43px;min-width:0}.form-top{display:flex;align-items:center;justify-content:space-between}.product-name{font-size:10px;letter-spacing:1.3px;color:var(--muted)}.product-name span{font-weight:600;color:var(--heading);margin-left:4px}.theme-button{width:36px;height:36px;display:grid;place-items:center;background:transparent;border:1px solid var(--border);border-radius:50%;color:var(--muted)}.form-content{max-width:364px;width:100%;margin:auto; padding:38px 0}.welcome-icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid #4f499616;color:var(--violet);border-radius:13px;background:var(--soft);margin-bottom:27px}.overline{font-size:9px;font-weight:600;letter-spacing:1.7px;color:var(--muted)}h1{font:500 27px/1.3 Poppins,system-ui,sans-serif;letter-spacing:-1px;color:var(--heading);margin:10px 0 10px}.intro p{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 32px}.field-group{margin-bottom:20px}label{font-size:12px;font-weight:550;color:var(--heading);display:block;margin-bottom:10px}.input-wrap{border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;height:50px;padding-left:15px;background:var(--input);transition:border-color .15s,box-shadow .15s}.input-wrap>svg{width:17px;height:17px;flex-shrink:0;color:#9793a6}.input-wrap:focus-within{border-color:#8274b3;box-shadow:0 0 0 3px #8274b31a}.input-wrap:has([aria-invalid=true]){border-color:var(--danger)}input{width:100%;min-width:0;height:100%;border:0;outline:none;background:transparent;color:var(--heading);padding:0 12px;font-size:13px}input::placeholder{color:#97939f;opacity:1}.label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.label-row label{margin:0}.text-button{padding:0;min-height:28px;background:none;border:0;color:var(--violet);font-size:11px;font-weight:500;text-align:left}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.label-row .text-button{font-size:10px;min-height:20px}.reveal{border:0;background:transparent;width:44px;height:46px;display:grid;place-items:center;flex-shrink:0;color:#827d90}.reveal svg{width:18px;height:18px}.reveal[aria-pressed=true]{color:var(--pink);background:var(--soft);border-radius:8px}.password-group{margin-bottom:25px}.submit-button{border:0;width:100%;height:50px;border-radius:10px;background:linear-gradient(105deg,#4f4996,#904589 65%,#c92d7c);color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px;font-weight:550;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(30,16,51,.14),0 1px 1px rgba(30,16,51,.12),0 3px 5px rgba(30,16,51,.12),0 8px 16px -5px rgba(79,49,105,.28);transition:filter .15s,transform .15s,box-shadow .15s}.submit-button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(30,16,51,.14),0 2px 3px rgba(30,16,51,.12),0 5px 8px rgba(30,16,51,.10),0 11px 20px -6px rgba(79,49,105,.30)}.submit-button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 2px rgba(30,16,51,.12),0 1px 2px rgba(30,16,51,.14),0 3px 6px -2px rgba(79,49,105,.20)}.submit-button svg{width:17px;height:17px}.submit-button:disabled{cursor:wait;opacity:.72}.field-error{color:var(--danger);font-size:11px;line-height:1.5;margin:6px 0 0}.field-error:empty{display:none}.form-status{font-size:12px;line-height:1.6;color:var(--violet);background:var(--soft);border-radius:8px;margin-top:14px;padding:12px}.form-status:empty{display:none}.access-help{border-top:1px solid var(--border);margin-top:27px;padding-top:23px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--muted)}.access-help .text-button{font-size:11px}.access-help .text-button span{margin-left:5px}.form-bottom{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:8px}.form-bottom>span:first-child{display:flex;align-items:center;gap:5px}.preview-footer{font-size:10px;color:var(--muted);margin:19px 0 0;text-align:center;line-height:1.7}dialog{border:1px solid var(--border);border-radius:20px;padding:35px;max-width:440px;width:calc(100% - 32px);background:var(--surface);color:var(--text);box-shadow:var(--shadow)}dialog::backdrop{background:#201a3855;backdrop-filter:blur(5px)}dialog h2{font:500 22px Poppins,system-ui,sans-serif;margin:14px 0}dialog p{font-size:14px;line-height:1.75;color:var(--muted)}.dialog-close{position:absolute;right:10px;top:7px;border:0;background:transparent;font-size:26px;width:44px;height:44px;color:var(--muted)}.dialog-done{margin-top:15px;background:var(--violet);color:white;border:0;border-radius:9px;padding:13px 25px;min-height:44px}
body.dark{color-scheme:dark;--page:#14121c;--surface:#211e2c;--heading:#f1edf6;--text:#ded7e7;--muted:#aaa2ba;--border:#3a3348;--input:#262230;--violet:#beb0ef;--soft:#30293e;--danger:#ff9aac;--shadow:0 28px 80px -35px #0009}body.dark .auth-shell{border-color:#ffffff0c}body.dark .brand-panel{filter:saturate(.85)}body.dark .dialog-done{background:#6253a0}body.dark .input-wrap input::placeholder{color:#a39bae}
@media(min-width:1500px){.auth-shell{min-height:760px}.brand-content{margin-bottom:78px}}@media(max-width:1050px){body{padding:25px}.form-panel{padding:18px 24px}.brand-panel{padding:30px 26px}.workspace-tag{display:none}h1{font-size:24px}.brand-content h2{font-size:33px}.form-bottom{font-size:7px}}
@media(max-width:760px){body{padding:20px 20px 24px;justify-content:flex-start}.preview-label{margin-bottom:12px;font-size:8px}.auth-shell{display:block;min-height:0;max-width:460px;padding:8px;border-radius:23px}.brand-panel{padding:21px 24px 25px;border-radius:16px;min-height:206px}.wordmark{font-size:16px}.wordmark img{height:26px}.workspace-tag{display:block;font-size:6px;letter-spacing:1px}.brand-content{margin:25px 0 0}.eyebrow,.brand-content p,.brand-bottom{display:none}.brand-content h2{font-size:25px;line-height:1.25;letter-spacing:-.8px;margin:0}.brand-content h2 br:first-child{display:none}.brand-content h2 br:first-child:after{content:' '}.brand-content h2>span{display:block}.brand-content h2 br:nth-child(2){display:none}.orbital{width:380px;height:380px;right:-230px;top:-80px}.orbital-two{width:280px;height:280px;right:-160px;top:-30px}.form-panel{padding:17px 20px 19px}.form-top{justify-content:flex-end;height:22px}.product-name{display:none}.theme-button{width:32px;height:32px}.form-content{padding:8px 0 30px;max-width:none}.welcome-icon{display:none}.overline{font-size:8px;letter-spacing:1.3px}h1{font-size:24px;margin-top:8px;letter-spacing:-.8px}.intro p{font-size:13px;margin-bottom:26px}label{font-size:12px}.input-wrap{height:52px}input{font-size:16px;padding-left:10px}.input-wrap>svg{width:16px}.label-row .text-button{min-height:44px;font-size:11px}.label-row{margin-top:-10px;margin-bottom:1px}.field-group{margin-bottom:17px}.password-group{margin-bottom:23px}.submit-button{height:52px;font-size:14px}.access-help{margin-top:25px;padding-top:18px;font-size:12px}.access-help .text-button{font-size:12px;min-height:44px}.form-bottom{font-size:8px;flex-direction:column;align-items:center;gap:10px}.preview-footer{max-width:290px;font-size:9px;margin-top:15px}.form-status{font-size:12px}}
@media(max-width:380px){body{padding:14px 12px 22px}.form-panel{padding-left:15px;padding-right:15px}.brand-panel{padding-left:20px;padding-right:20px}.brand-content h2{font-size:23px}h1{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
@supports(padding:max(0px)){body{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}}