:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#e8f2f9;background:#050c17;color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}
[hidden]{display:none!important}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body{margin:0;min-width:320px}
button,input{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.55}
button:focus-visible,a:focus-visible{outline:2px solid #70e2d4;outline-offset:4px}
.login-layout{position:relative;min-height:100svh;isolation:isolate}
.orbital-panel{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 43% 50%,#16334c 0,#0a192d 35%,#050c17 76%)}
.orbital-panel::after{position:absolute;inset:0;z-index:1;content:"";pointer-events:none;background:linear-gradient(90deg,transparent 50%,#06112065),linear-gradient(180deg,#050d1922,transparent 60%,#050d1970)}
.brand{position:absolute;z-index:3;top:34px;left:44px;display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none}
.brand img{object-fit:contain;filter:drop-shadow(0 0 12px #0dbbf32a)}
.brand strong{display:block;font-size:23px;letter-spacing:-.7px;font-weight:650;line-height:1.3}
.brand strong span{color:#66dacf}
.brand small{display:block;margin-top:4px;color:#7c9baf;font-size:8px;letter-spacing:2.1px}

.auth-eyebrow>span{width:5px;height:5px;border-radius:50%;background:#6edccb;box-shadow:0 0 12px #5fe5cf7a}
.orbit-viewport{position:absolute;inset:0;touch-action:none;outline:none}
.orbit-viewport canvas{position:relative;display:block;width:100%;height:100%;z-index:1}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}








.orbit-fallback{position:absolute;inset:0;opacity:.8;pointer-events:none}
.fallback-earth{position:absolute;left:43%;top:50%;width:min(46vh,30vw);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 25%,#2c89b333,#031020e8 80%),url('/assets/earth_georeferenced.jpg') center/cover;box-shadow:inset -20px -7px 45px #010914,0 0 35px #2793dd30;border:1px solid #509de34d}
.fallback-orbit{position:absolute;left:11%;top:16%;width:64%;height:68%;border:1px solid #49cab350;border-radius:50%;transform:rotate(-30deg)}
.fallback-orbit.two{transform:rotate(57deg);border-color:#6c8fff50}
.auth-panel{position:relative;z-index:3;display:flex;align-items:center;justify-content:flex-end;min-height:100svh;padding:38px clamp(26px,4vw,76px);pointer-events:none}
.auth-card{position:relative;width:390px;max-width:100%;padding:29px 30px 24px;border:1px solid #a6d5e230;border-radius:22px;background:linear-gradient(140deg,#28485c5c,#12253770 40%,#10202c94);backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%);box-shadow:0 30px 90px #0005,inset 0 1px 0 #d6f3ff12;pointer-events:auto}
.auth-card::before{position:absolute;content:"";top:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,#c4efff44,transparent);pointer-events:none}
.auth-eyebrow{display:flex;align-items:center;gap:8px;color:#7aa8ba;font-size:7px;letter-spacing:1.8px}
.auth-card h2{font-size:29px;font-weight:580;letter-spacing:1px;margin:15px 0 9px;color:#edf7ff}
.auth-description{font-size:11px;line-height:1.8;color:#8caabd;margin:0 0 22px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid #8ab7cc26;border-radius:9px;background:#040e1b45;gap:5px;margin-bottom:22px}
.auth-tabs button{min-height:34px;border:1px solid transparent;background:transparent;color:#7799af;border-radius:6px;font-size:11px;transition:background .18s,color .18s}
.auth-tabs button.active{border-color:#84c8cf38;color:#c0eeea;background:#6eb1bc20;box-shadow:0 2px 7px #0002}
#form>label,.label-row label,#inviteRow>label{display:block;color:#bdd4e0;font-size:11px;margin:16px 0 8px}
.label-row{display:flex;justify-content:space-between;align-items:end}
.label-row small{font-size:9px;color:#668ca3;margin-bottom:9px}
.input-wrap{position:relative;display:flex;align-items:center}
.input-wrap>svg{position:absolute;left:14px;z-index:1;width:16px;height:16px;color:#638da3;pointer-events:none}
.input-wrap input{display:block;width:100%;height:45px;border:1px solid #94c4d32b;border-radius:8px;background:#04111e5c;color:#e7f7ff;padding:0 40px;font-size:12px;transition:border-color .18s,box-shadow .18s}
.input-wrap input::placeholder{color:#5a7d93;font-size:11px}
.input-wrap input:focus{outline:none;border-color:#73cec1;box-shadow:0 0 0 3px #3bb9ab12}
.show-password{position:absolute;right:5px;display:grid;place-items:center;width:34px;height:34px;padding:8px;border:0;border-radius:5px;background:transparent;color:#769aae}
.show-password:hover{color:#a6ddd9;background:#1d354933}
.invite-note{font-size:9px;color:#7598aa;margin:7px 0 0}
.submit-button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:45px;margin-top:23px;padding:12px 16px;border:1px solid #8af0df80;border-radius:8px;background:linear-gradient(110deg,#73dfcde8,#70d3cfe8);color:#073339;font-size:12px;font-weight:650;box-shadow:0 5px 25px #25baaa0c;transition:filter .18s,transform .18s}
.submit-button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.submit-button svg{width:17px;height:17px;stroke-width:1.8}
.auth-message{min-height:25px;color:#9bd5cd;font-size:10px;line-height:1.7;padding-top:8px;overflow-wrap:anywhere}
.auth-message.error{color:#f1bd8e}
.workspace-note{display:flex;align-items:center;gap:10px;border-top:1px solid #a5d5e31a;padding-top:17px;margin-top:7px}
.workspace-note>svg{color:#70a9ad;width:24px;height:24px;stroke-width:1.2}
.workspace-note p{margin:0;color:#98b7c8;font-size:9px;line-height:1.9}
.workspace-note p span{color:#6b93a7}
.signup-note{color:#7593a7;font-size:9px;line-height:1.9;margin:15px 0 0}
.auth-footer{position:absolute;bottom:17px;right:clamp(26px,4vw,76px);width:390px;max-width:calc(100% - 52px);display:flex;justify-content:space-between;gap:12px;color:#456b81;font-size:8px;letter-spacing:.5px}
@media(min-width:1600px){.auth-card{width:410px;padding:34px}.auth-footer{width:410px}}
@media(min-width:900px) and (max-height:800px){.auth-panel{padding-top:28px;padding-bottom:28px}.auth-card{padding:22px 26px;width:370px}.auth-card h2{font-size:26px;margin-top:12px}.auth-description{margin-bottom:17px}.auth-tabs{margin-bottom:17px}.workspace-note{display:none}.signup-note{margin-top:10px}.auth-footer{width:370px}}
@media(max-width:1100px) and (min-width:900px){.auth-panel{padding-left:24px;padding-right:24px}.auth-card{width:348px;padding-left:25px;padding-right:25px}.brand{left:28px}.auth-footer{right:24px;width:348px}}
@media(max-width:899px){.brand{left:20px;top:20px;gap:7px}.brand img{width:43px;height:38px}.brand strong{font-size:21px}.brand small{font-size:7px;letter-spacing:1.3px}.auth-panel{padding:330px 18px 38px;justify-content:center;align-items:flex-start}.auth-card{width:390px;padding:25px 24px}.auth-footer{display:none}.fallback-earth{left:50%;top:180px;width:190px}.fallback-orbit{left:15%;top:80px;width:70%;height:180px}.fallback-orbit.two{transform:rotate(65deg)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}