*{box-sizing:border-box}html{background:#111418;color:#e9e9eb;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a2b9ed;outline-offset:4px}.workspace{max-width:1200px;margin:0 auto;padding:0 40px}header{height:108px;border-bottom:1px solid #2c3035;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:27px;font-weight:800;letter-spacing:-1px;display:inline-flex;align-items:center}.wordmark span{font-weight:400;color:#b5b9c0}.wordmark i{width:6px;height:6px;border-radius:50%;background:#a3b9e3;margin:15px 0 0 5px}.account{display:flex;align-items:center;gap:32px;font-size:12px;color:#a1a7b1}.account form{margin:0}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#89b9a1;margin-right:7px}.quiet{border:0;background:transparent;color:#9da4af;font-size:12px;padding:10px 0}.hero{padding:72px 0 58px;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;color:#929cae;font-weight:600;margin:0 0 24px}h1{font-size:50px;font-weight:500;letter-spacing:-2px;line-height:1.35;margin:0}h1 span{color:#7e8898}.intro{color:#919aa8;font-size:14px;line-height:1.9;margin:23px 0 0}.workspace-number{position:absolute;right:0;bottom:64px;font:30px/1.5 ui-monospace,monospace;letter-spacing:-2px;color:#7e899b}.workspace-number span{display:block;font:9px/1.5 system-ui;letter-spacing:3px;text-align:right;color:#5e6877}.section-label{display:flex;justify-content:space-between;border-bottom:1px solid #333840;padding:0 0 16px;font-size:12px;color:#c6cbd3}.section-label span+span{color:#687383;font-size:11px}.tools{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding-top:20px}.tool{border:1px solid #30363e;border-radius:13px;padding:28px;background:linear-gradient(135deg,#1a1f26,#171b20);transition:transform .2s,border-color .2s;overflow:hidden}.tool:hover{transform:translateY(-3px);border-color:var(--accent)}.tool-top{display:flex;align-items:center;justify-content:space-between}.tool-icon{height:42px;width:42px;display:grid;place-items:center;border:1px solid #404752;border-radius:11px;color:var(--accent);font-size:27px;background:#242b34}.tool-number{font:11px ui-monospace,monospace;color:#657080}.tool h2{font-size:20px;font-weight:500;margin:24px 0 10px}.tool p{font-size:12px;color:#8c96a5;margin:0;line-height:1.8}.tool-bottom{border-top:1px solid #30363e;margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;font-size:11px}.tool-bottom code{color:#677589}.tool-bottom span{color:var(--accent)}footer{display:flex;justify-content:space-between;font-size:9px;color:#606b7b;letter-spacing:1px;padding:38px 0 32px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-box{width:340px;max-width:calc(100% - 44px);margin:auto;padding:48px 0}.login-box .wordmark{margin-bottom:70px}.login-box h1{font-size:36px}.login-box .intro{margin:14px 0 32px}.login-box label{display:block;font-size:11px;margin:20px 0 10px;color:#aab3c0}.login-box input{display:block;width:100%;background:#191f27;border:1px solid #39414d;border-radius:7px;padding:12px;color:#eee;font-size:14px}.login-box .error{font-size:12px;color:#efaca8;min-height:18px;margin:16px 0}.primary{display:flex;justify-content:space-between;width:100%;background:#b6c9ec;border:0;border-radius:7px;padding:14px;color:#16243b;font-size:13px;font-weight:600}.login-note{font-size:11px;color:#758194;margin-top:24px}.login-decoration{background:radial-gradient(ellipse at 40% 45%,#27364d,#161d29 70%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-decoration div{position:absolute;border:1px solid #495d7b;border-radius:28px;width:220px;height:280px;transform:rotate(-24deg);opacity:.6}.login-decoration div:nth-child(2){transform:translate(36px,-22px) rotate(-24deg);opacity:.35}.login-decoration div:nth-child(3){transform:translate(-36px,22px) rotate(-24deg);opacity:.25}.login-decoration span{position:absolute;bottom:50px;font-size:9px;letter-spacing:3px;color:#71829c}
@media(max-width:720px){.workspace{padding:0 22px}header{height:82px}.account{gap:15px}.account>span{display:none}.hero{padding:48px 0 40px}h1{font-size:40px}.workspace-number{display:none}.tools{grid-template-columns:1fr}.tool{padding:24px}.section-label span+span{font-size:10px}footer{gap:20px;font-size:8px}.login{display:block}.login-box{margin:0 auto;padding-top:40px}.login-decoration{display:none}.login-box .wordmark{margin-bottom:60px}}