:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#e8edf4;background:#0b111a;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.login-shell{min-height:100svh;display:grid;grid-template-columns:1.06fr 1fr}.intro{padding:48px 64px 30px;background:radial-gradient(ellipse at 5% 70%,#19332c88,transparent 65%),#101923;border-right:1px solid #24303b;display:flex;flex-direction:column;position:relative;overflow:hidden}.brand{display:flex;align-items:center;gap:13px;width:max-content;font-size:20px;font-weight:750;letter-spacing:1.5px}.brand-mark{display:grid;place-items:center;background:#bbf36a;color:#17251a;border-radius:12px;width:47px;height:47px;font-size:23px;letter-spacing:-3px;padding-right:3px}.brand-sub{display:block;font-size:9px;font-weight:500;letter-spacing:3.3px;color:#8595a6;margin-top:5px}.intro-main{margin:auto 0;padding:64px 0 45px;max-width:440px}.eyebrow{font-size:10px;letter-spacing:2.6px;color:#a9d87b;font-weight:650;margin:0 0 24px}h1{font-size:clamp(36px,3.8vw,55px);line-height:1.4;letter-spacing:-1px;margin:0 0 20px;font-weight:650}.intro-copy{color:#8e9eae;font-size:15px;line-height:1.95;margin:0}.workspace-preview{max-width:388px;background:#14202b;border:1px solid #2c3e46;border-radius:14px;margin-top:36px;padding:0 22px;box-shadow:0 18px 55px #0002;transform:rotate(-1deg)}.preview-top{display:flex;justify-content:space-between;color:#a3b3bf;font-size:12px;padding:18px 0;border-bottom:1px solid #2b3945}.preview-top i,.login-tag i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#bbf36a;margin-right:7px}.preview-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #26343f}.preview-row:last-child{border:0}.preview-icon{width:35px;height:35px;display:grid;place-items:center;background:#22352e;border-radius:9px;color:#bbf36a;font-size:20px}.preview-row strong{font-size:12px;font-weight:550}.preview-row small{display:block;font-size:10px;color:#7c91a2;margin-top:5px}.preview-check{margin-left:auto;color:#a8d879;font-size:13px}.intro-footer{display:flex;align-items:center;gap:20px;color:#687e8b;font-size:9px;letter-spacing:1.5px;margin:0}.intro-footer span{font-size:10px;letter-spacing:.5px}.login-side{display:flex;align-items:center;justify-content:center;position:relative;padding:70px 40px;min-width:0}.login-card{width:100%;max-width:370px}.login-tag{display:inline-flex;align-items:center;border:1px solid #2c3f30;background:#17251e;color:#afcf94;font-size:11px;border-radius:20px;padding:7px 12px;margin-bottom:24px}.login-tag i{width:5px;height:5px}h2{font-size:28px;font-weight:650;letter-spacing:-.6px;margin:0 0 12px}.welcome{font-size:13px;color:#8494a5;margin:0 0 34px}form label{display:block;color:#c9d2dd;font-size:12px;font-weight:550;margin-bottom:10px}form input{display:block;width:100%;height:49px;border:1px solid #2b3848;border-radius:8px;background:#111c28;color:#e9eef5;padding:0 14px;outline:none;transition:border-color .15s,box-shadow .15s}form input:focus{border-color:#a1d565;box-shadow:0 0 0 3px #b4ed6812}form input::placeholder{color:#546779;font-size:12px}#username{margin-bottom:23px}.password-field{position:relative}.password-field input{padding-right:64px}.password-field button{position:absolute;right:6px;top:6px;height:37px;padding:0 10px;background:none;border:0;color:#9babbb;font-size:11px;cursor:pointer;border-radius:5px}.password-field button:hover{color:#d4e6be;background:#223024}.form-error{font-size:12px;line-height:1.5;min-height:22px;color:#ff9292;margin:12px 0}.submit{display:flex;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 18px;border:0;border-radius:8px;background:#b8ef70;color:#192719;font-weight:650;font-size:13px;cursor:pointer;transition:background .15s,transform .15s}.submit:hover{background:#c8fa8a}.submit:active{transform:translateY(1px)}.submit:disabled{opacity:.65;cursor:wait}.submit span:last-child{font-size:20px;font-weight:400}.session-note{display:flex;justify-content:center;gap:7px;font-size:10px;color:#6f8395;margin-top:22px}.session-note span{color:#97ad83}.login-side footer{position:absolute;bottom:30px;font-size:10px;color:#546779;letter-spacing:1px}button:focus-visible,a:focus-visible{outline:2px solid #b8ef70;outline-offset:4px}@media(min-width:1500px){.intro{padding-left:max(64px,calc((100vw - 1240px)/2))}.intro-main{padding-top:70px;padding-bottom:70px}}@media(max-width:850px){.intro{padding:32px}.intro-main{padding:45px 0}h1{font-size:36px}.workspace-preview{padding:0 16px}.login-side{padding:65px 32px}.intro-footer{flex-direction:column;align-items:start;gap:7px}}@media(max-width:620px){.login-shell{display:flex;flex-direction:column;min-height:100svh}.intro{padding:26px 25px 20px;border-right:0;border-bottom:0;background:#0b111a}.brand{font-size:16px}.brand-mark{width:38px;height:38px;font-size:20px;border-radius:10px}.brand-sub{font-size:8px}.intro-main,.intro-footer{display:none}.login-side{flex:1;align-items:flex-start;padding:32px 25px 90px}.login-card{max-width:410px}.login-side footer{bottom:24px}h2{font-size:26px}.login-tag{margin-bottom:22px}}