:root{color-scheme:dark;font-family:'DM Sans',Inter,'Segoe UI',Arial,sans-serif;color:#eef2ec;background:#101311;font-synthesis:none;--lime:#b4ef63;--muted:#98a396;--line:#303830}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}[hidden]{display:none!important}.login-layout{display:grid;grid-template-columns:1.08fr 1fr;min-height:100svh}.brand-panel{position:relative;overflow:hidden;padding:45px 58px 30px;min-height:800px;background:radial-gradient(ellipse at 45% 65%,#2d3c2460 0,transparent 55%),linear-gradient(135deg,#1d261c,#171e17 65%,#1a2218);border-right:1px solid #35402d;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;position:relative;z-index:2}.brand-mark{font-size:23px;letter-spacing:-2px;font-weight:800;width:44px;height:44px;border-radius:12px;background:var(--lime);color:#1c2915;display:grid;place-items:center;position:relative;padding-right:3px}.brand-mark>span,.center-monogram>span{position:absolute;width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;right:7px;top:7px}.brand-name{font-size:19px;font-weight:600;letter-spacing:-.5px}.brand-name small{display:block;font-size:8px;color:#a6b39b;letter-spacing:2.5px;margin-top:5px;font-weight:500}.brand-story{margin-top:72px;position:relative;z-index:2}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#b3c5a1;display:flex;align-items:center;gap:10px;font-weight:600}.eyebrow>span{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 13px #b4ef6333}h1{font-family:Manrope,'DM Sans','Segoe UI',sans-serif;font-size:clamp(40px,4vw,64px);line-height:1.13;letter-spacing:-2.8px;font-weight:500;margin:23px 0 20px}h1 em{font-style:normal;color:var(--lime)}.brand-story p{color:#a6b29d;line-height:1.85;font-size:13px;margin:0}.orbit-scene{position:relative;min-height:325px;flex:1;margin:10px -40px -5px;isolation:isolate}.orbital-grid{position:absolute;inset:20px 0;background-image:linear-gradient(#accb8f07 1px,transparent 1px),linear-gradient(90deg,#accb8f07 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,black,transparent 70%)}.orbit{position:absolute;left:50%;top:48%;border:1px solid #8fa87a24;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg)}.orbit-outer{width:530px;height:265px;border-style:dashed;border-color:#a0c17c20}.orbit-middle{width:390px;height:215px;border-color:#9ebf6c30}.orbit-inner{width:245px;height:153px;border-color:#b4ef6342;box-shadow:0 0 70px #8daf5310,inset 0 0 40px #8daf5306}.orbital-center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:116px;height:116px;border:1px solid #738e4b74;border-radius:30px;background:linear-gradient(145deg,#34452b,#1d2a1b);box-shadow:0 20px 60px #0005,inset 0 1px #c5ef8c26;display:flex;align-items:center;justify-content:center;flex-direction:column}.center-monogram{position:relative;font-size:43px;letter-spacing:-5px;font-weight:700;color:var(--lime);width:70px;padding-right:10px;text-align:center}.center-monogram>span{right:0;top:3px;width:11px;height:11px}.orbital-center small{color:#b7c6a6;font-size:7px;letter-spacing:2px;margin-top:8px}.orbit-node{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #4f61435c;border-radius:12px;background:linear-gradient(135deg,#273322ed,#202b1eef);box-shadow:0 12px 40px #0002;color:#d6dfce;font-size:11px;white-space:nowrap}.orbit-node small{display:block;font-size:8px;color:#9bab8e;margin-top:4px}.node-one{left:6%;top:23%}.node-two{right:2%;top:66%}.node-icon{font-size:19px;color:var(--lime);background:#3a4d2c80;height:30px;width:30px;display:grid;place-items:center;border-radius:8px}.orbit-node i{width:4px;height:4px;background:var(--lime);border-radius:50%;margin-left:10px}.orbit-dot{position:absolute;height:6px;width:6px;border-radius:50%;background:#b4ef63;box-shadow:0 0 0 5px #b4ef6312,0 0 25px #b4ef6330}.dot-one{left:69%;top:15%}.dot-two{left:32%;top:75%;height:4px;width:4px}.dot-three{left:16%;top:64%;background:#6a8650;height:4px;width:4px}.orbit-caption{position:absolute;bottom:4%;width:100%;text-align:center;color:#7f9172;font-size:8px;letter-spacing:2px}.orbit-caption span{display:inline-block;width:20px;height:1px;background:#789b50;vertical-align:middle;margin-right:8px}.brand-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#87947b;font-size:10px;border-top:1px solid #72866129;padding-top:22px;position:relative;z-index:2}.brand-footer>span:first-child{font-size:8px;letter-spacing:2px}.brand-footer>span:last-child>span{margin-left:12px;font-size:16px;color:#bac9a9}.access-panel{padding:41px 50px 28px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 80% 0,#2a342314,transparent 45%),#101311;min-width:0}.access-top{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:10px;color:#929d8f}.lock-icon{height:15px;width:15px;color:#a6b99a}.lock-icon svg{width:100%;height:100%}.form-container{max-width:368px;width:100%;margin:auto; padding:55px 0}.form-kicker{font-size:9px;letter-spacing:2px;color:#97aa85;font-weight:600}h2{font-family:Manrope,'DM Sans','Segoe UI',sans-serif;font-size:32px;line-height:1.25;letter-spacing:-1.1px;font-weight:500;margin:17px 0 11px}.form-description{color:#97a192;font-size:13px;line-height:1.7;margin:0 0 36px}.field-group{margin-bottom:20px}.field-group label{display:block;color:#cad2c6;font-size:12px;font-weight:500;margin-bottom:10px}.field-shell{display:flex;align-items:center;min-height:51px;border:1px solid #333c30;border-radius:9px;background:#191f18;transition:border-color .18s,box-shadow .18s}.field-shell:focus-within{border-color:#94ba66;box-shadow:0 0 0 3px #b4ef6308}.field-shell>svg{width:17px;height:17px;color:#7b8c71;flex-shrink:0;margin-left:15px}.field-shell input{width:100%;min-width:0;border:0;background:transparent;padding:15px 13px;color:#ecf1e6;outline:none;font-size:12px;letter-spacing:.15px;border-radius:9px}.field-shell input:focus-visible{outline:none}.field-shell input::placeholder{color:#74816c}.field-shell input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #191f18 inset;-webkit-text-fill-color:#ecf1e6;caret-color:#ecf1e6}.show-password{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:0;background:transparent;color:#8f9a87;margin-right:3px;border-radius:6px}.show-password:hover{color:var(--lime);background:#283121}.show-password svg{width:18px;height:18px}.show-password[aria-pressed=true]{color:var(--lime)}.password-hint{display:block;color:#9daa92;font-size:11px;line-height:1.6;margin-top:10px}.submit-button{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #b4ef63;background:var(--lime);color:#203013;min-height:51px;padding:0 18px;border-radius:9px;font-size:12px;font-weight:700;margin-top:29px;box-shadow:0 5px 24px #b4ef6308;transition:background .18s,transform .18s}.submit-button:hover{background:#c5f58a;transform:translateY(-1px)}.submit-button:disabled{cursor:wait;opacity:.7;transform:none}.button-arrow{font-size:23px;font-weight:400}.spinner{display:none;width:16px;height:16px;border:2px solid #20301340;border-top-color:#203013;border-radius:50%;animation:spin .7s linear infinite}.submit-button:disabled .spinner{display:block}.submit-button:disabled .button-arrow{display:none}.form-status{font-size:12px;line-height:1.65;padding:12px 14px;border:1px solid #70463b;background:#382820;color:#ffc7b2;border-radius:8px;margin:10px 0 0}.form-status.success{border-color:#455f33;background:#25321f;color:#c5e7a6}.access-help{text-align:center;color:#8a9782;font-size:11px;line-height:1.75;margin:24px 0 35px}.workspace-note{display:flex;align-items:center;gap:13px;padding-top:25px;border-top:1px solid #2a3227}.workspace-note>span{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;color:#a5b695;font-size:11px;font-weight:700;letter-spacing:-1px;border:1px solid #3a4532;border-radius:8px}.workspace-note p{font-size:10px;line-height:1.6;color:#9ba78f;margin:0}.workspace-note small{display:block;font-size:9px;color:#74826a;margin-top:3px}.access-footer{display:flex;justify-content:space-between;gap:12px;color:#697660;font-size:9px;line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.brand-panel{padding-inline:80px}.brand-story{margin-top:90px}.orbit-scene{max-height:460px}.form-container{max-width:390px}h1{font-size:66px}}@media(max-width:1100px){.brand-panel{padding:35px 35px 25px}.access-panel{padding:35px 30px 25px}h1{font-size:45px;letter-spacing:-2px}.brand-story{margin-top:70px}.orbit-scene{margin-inline:-35px}.node-one{left:4%;top:18%}.node-two{right:3%;top:72%}.orbit-outer{width:430px;height:235px}.orbit-middle{width:340px;height:195px}.orbit-inner{width:225px;height:145px}h2{font-size:29px}.form-container{max-width:340px}}@media(max-width:760px){.login-layout{grid-template-columns:1fr}.brand-panel{min-height:0;padding:27px 26px 31px;border-right:0;border-bottom:1px solid #35402d}.brand-mark{height:36px;width:36px;border-radius:10px;font-size:19px}.brand-mark>span{width:5px;height:5px;right:5px;top:5px}.brand-name{font-size:17px}.brand-name small{font-size:7px;letter-spacing:2px}.brand-story{margin-top:32px}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:39px;line-height:1.13;letter-spacing:-1.8px;margin:17px 0 0}.brand-story p,.orbit-scene,.brand-footer{display:none}.access-panel{padding:22px 26px;min-height:570px}.access-top{font-size:9px}.form-container{max-width:420px;padding:29px 0 36px}.form-kicker{font-size:8px}h2{font-size:28px;margin-top:12px}.form-description{margin-bottom:28px;font-size:12px}.field-group{margin-bottom:19px}.submit-button{margin-top:25px}.access-help{margin-bottom:28px}.access-footer{font-size:8px}.workspace-note{padding-top:22px}.access-panel:has(#confirm-group:not([hidden])){min-height:660px}}@media(max-width:370px){.brand-panel,.access-panel{padding-left:20px;padding-right:20px}h1{font-size:35px}h2{font-size:26px}.access-footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
