:root{color-scheme:dark;--bg:#080d12;--panel:#111920;--line:#26323c;--text:#edf4f8;--muted:#95a5b4;--cyan:#55dfeb;--amber:#efaf50;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent} :focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.brand-side{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:48px 64px;overflow:hidden;border-right:1px solid var(--line);background:radial-gradient(ellipse at 46% 57%,#133b4433,transparent 58%),#0c131b}.brand-side:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#789eaa08 1px,transparent 1px),linear-gradient(90deg,#789eaa08 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(transparent,#000,transparent);pointer-events:none}.wordmark{position:relative;display:flex;gap:13px;align-items:center}.wordmark img{width:44px;height:44px}.wordmark strong{display:block;letter-spacing:.2em;font-size:16px}.wordmark small{display:block;letter-spacing:.2em;color:var(--muted);font-size:9px;margin-top:5px}.brand-visual{position:relative;margin:30px 0 20px}.brand-orbit{width:min(340px,76%);aspect-ratio:1;border:1px solid #55dfeb20;border-radius:50%;display:grid;place-items:center;position:relative;margin:0 auto 28px;box-shadow:0 0 80px #1ec7db0b}.brand-orbit:before{content:"";position:absolute;inset:-25px;border:1px dashed #72959c25;border-radius:50%}.brand-orbit img{width:94%;height:94%;object-fit:contain}.orbit-dot{position:absolute;top:25px;right:35px;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 16px #55dfeb77}.eyebrow{color:var(--cyan);font-size:11px;letter-spacing:.2em;font-weight:600;text-transform:uppercase}.brand-visual h1{font-size:clamp(30px,3.3vw,49px);line-height:1.12;letter-spacing:-.045em;font-weight:500;margin:18px 0}.brand-visual p{font-size:14px;color:var(--muted);line-height:1.8;max-width:365px}.brand-footer{position:relative;display:flex;gap:22px;color:#8397a7;font-size:11px;letter-spacing:.02em}.brand-footer span{display:flex;align-items:center;gap:7px}.brand-footer svg{width:14px;height:14px;color:#6cc6cc}
.form-side{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:64px 40px;position:relative}.login-card{width:100%;max-width:370px}.login-card h2{font-size:32px;letter-spacing:-.035em;font-weight:550;margin:0 0 12px}.intro{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 34px}.workspace-label{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:600;letter-spacing:.14em;color:var(--amber);margin-bottom:26px}.workspace-label:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}label{display:block;font-size:12px;font-weight:550;margin:0 0 10px}.field{margin:0 0 23px}input{width:100%;height:49px;padding:0 14px;background:#101820;border:1px solid #2d3944;border-radius:7px;color:var(--text);transition:border-color .15s}input::placeholder{color:#6f8292}input:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #55dfeb12}.password-field{position:relative}.password-field input{padding-right:54px}.password-toggle{position:absolute;right:3px;top:3px;width:44px;height:43px;color:#99abb8;background:none;border:0;border-radius:5px;cursor:pointer;display:grid;place-items:center}.password-toggle:hover{color:var(--cyan);background:#ffffff08}.password-toggle svg{height:19px;width:19px}.submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:49px;border:0;border-radius:7px;background:var(--cyan);color:#06212a;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.submit:hover{background:#8aebf2}.submit svg{width:17px;height:17px}.submit:disabled{opacity:.65;cursor:wait}.separator{display:flex;align-items:center;gap:14px;font-size:11px;color:#7e91a1;margin:27px 0}.separator:before,.separator:after{content:"";height:1px;background:var(--line);flex:1}.google-button{width:100%;height:49px;display:flex;align-items:center;justify-content:center;gap:12px;background:#131c24;border:1px solid #2b3945;border-radius:7px;color:#b6c4cf;font-size:13px}.google-button svg{width:18px;height:18px}.google-note{color:#7f92a3;font-size:11px;line-height:1.7;text-align:center;margin:12px 0 0}.login-help{border-top:1px solid var(--line);padding-top:25px;margin-top:30px;font-size:12px;line-height:1.8;color:var(--muted)}.login-help a{display:inline-block;margin-top:5px;font-weight:500}.page-footer{position:absolute;bottom:27px;font-size:10px;letter-spacing:.06em;color:#6e8292}.form-error{background:#351d23;border:1px solid #75434f;border-radius:7px;padding:12px 14px;color:#ffc3ca;font-size:12px;line-height:1.6;margin-bottom:20px}.form-error[hidden]{display:none}.mobile-brand{display:none}.caps-warning{font-size:11px;color:var(--amber);margin-top:9px}
@media(min-width:1500px){.brand-side{padding-left:max(64px,calc((100vw - 1260px)/2))}}@media(max-width:950px){.brand-side{padding:35px}.brand-footer{gap:12px;font-size:10px}.brand-orbit{width:250px}.form-side{padding:50px 32px}}@media(max-width:700px){.login-page{display:block}.brand-side{display:none}.form-side{padding:40px 24px 80px;min-height:100vh}.mobile-brand{display:flex;margin-bottom:44px;align-self:start}.login-card{max-width:390px}.login-card h2{font-size:30px}.page-footer{bottom:25px}.workspace-label{margin-bottom:19px}.intro{margin-bottom:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Lightweight orbital scene: only transforms and opacity animate. */
.login-page{position:relative;isolation:isolate;overflow:hidden}.brand-side{background:linear-gradient(160deg,#0c131b90,#0c131b35 55%,#0c131bd9)}.brand-side:before{opacity:.45}.form-side{background:linear-gradient(90deg,#080d12ed,#080d12bf)}
.space-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#080d12}.space-nebula{position:absolute;inset:-8%;background:radial-gradient(ellipse at 24% 42%,#167b9430,transparent 38%),radial-gradient(ellipse at 54% 78%,#2156931c,transparent 42%),radial-gradient(ellipse at 4% 83%,#d5a04d0d,transparent 35%);animation:nebula-drift 28s ease-in-out infinite alternate}.space-stars{position:absolute;inset:-55px;contain:paint}.space-stars-distant{background-image:radial-gradient(1px 1px at 24px 36px,#b3dbea90 80%,transparent),radial-gradient(1px 1px at 126px 102px,#79a2b978 80%,transparent),radial-gradient(1px 1px at 67px 168px,#fff9 80%,transparent);background-size:197px 227px,263px 181px,307px 293px;animation:star-drift 95s linear infinite alternate}.space-stars-near{background-image:radial-gradient(1.5px 1.5px at 93px 70px,#b6efffcc 60%,transparent),radial-gradient(1.5px 1.5px at 230px 190px,#efc5809c 60%,transparent);background-size:383px 347px,521px 439px;animation:star-shimmer 8s ease-in-out infinite alternate}.space-trail{position:absolute;left:5%;top:16%;width:140px;height:1px;opacity:0;background:linear-gradient(90deg,transparent,#b6f4ff);transform-origin:right center;animation:star-trail 19s linear infinite}.space-horizon{position:absolute;left:-22%;bottom:-45%;width:95%;height:65%;border-radius:50%;border:1px solid #5dd9e82b;box-shadow:0 -9px 45px #53c5dc08,inset 0 9px 30px #53c5dc08;transform:rotate(-15deg)}
.brand-orbit{border-color:#55dfeb2b;box-shadow:0 0 70px #1ec7db0d,inset 0 0 50px #1ec7db05}.brand-orbit:before{border-color:#82ced43b;animation:orbital-turn 100s linear infinite}.brand-orbit:after{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px solid transparent;border-top-color:#55dfeb70;border-bottom-color:#efaf5040;animation:orbital-turn 44s linear infinite reverse}.brand-orbit img{animation:logo-float 8s ease-in-out infinite}.orbit-dot{inset:-12px;width:auto;height:auto;background:none;box-shadow:none;animation:orbital-turn 32s linear infinite}.orbit-dot:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;border-radius:50%;background:#adf6ff;box-shadow:0 0 12px #55dfebaa;transform:translate(-50%,-50%)}
.page-footer{display:flex;flex-direction:column;align-items:center;gap:10px}.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:28px;border:1px solid #26323c;border-radius:20px;padding:4px 11px;background:#0c141bcc;color:#9aafbc;font-size:10px;letter-spacing:.02em;cursor:pointer}.motion-toggle:hover{color:#d5faff;border-color:#55dfeb60}.motion-toggle svg{width:11px;height:11px}.motion-play,.is-paused .motion-pause{display:none}.is-paused .motion-play{display:block}.motion-toggle[hidden]{display:none}.motion-paused .space-scene *,.motion-paused .brand-orbit:before,.motion-paused .brand-orbit:after,.motion-paused .brand-orbit img,.motion-paused .orbit-dot{animation-play-state:paused!important}
@keyframes orbital-turn{to{transform:rotate(360deg)}}@keyframes logo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes nebula-drift{from{transform:translate3d(-1%,0,0);opacity:.6}to{transform:translate3d(3%,-2%,0);opacity:1}}@keyframes star-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(35px,-45px,0)}}@keyframes star-shimmer{from{opacity:.3;transform:translateY(0)}to{opacity:.85;transform:translateY(-8px)}}@keyframes star-trail{0%,82%{opacity:0;transform:translate3d(0,0,0) rotate(32deg)}83%{opacity:.65}89%{opacity:0;transform:translate3d(330px,206px,0) rotate(32deg)}100%{opacity:0;transform:translate3d(330px,206px,0) rotate(32deg)}}
@media(max-width:700px){.form-side{background:#080d12a6;padding-bottom:110px}.space-nebula{background:radial-gradient(ellipse at 8% 14%,#167b9430,transparent 55%),radial-gradient(ellipse at 100% 75%,#2156931c,transparent 45%)}.space-stars-distant{opacity:.55}.space-stars-near{opacity:.5}.space-trail{display:none}.space-horizon{width:150%;height:38%;left:-55%;bottom:-24%}.page-footer{bottom:22px;gap:8px}.motion-toggle{min-height:32px}.login-card{position:relative}}
@media(prefers-reduced-motion:reduce){.space-scene *,.brand-orbit:before,.brand-orbit:after,.brand-orbit img,.orbit-dot{animation:none!important}.space-trail,.motion-toggle{display:none!important}}
.page-footer{position:static;margin-top:38px;flex-shrink:0}
@media(max-width:700px){.form-side{padding-bottom:32px}.page-footer{margin-top:32px}}