@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#070707;--surface:#101010;--surface-2:#171717;--line:#2c2c2c;--text:#f5f5f5;--muted:#8b8b8b;--red:#e31b23;--green:#42cb7f;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg)}button,input{font:inherit}[hidden]{display:none!important}.page-shell{min-height:100vh}.eyebrow{margin:0 0 12px;color:var(--red);font-size:11px;font-weight:700;letter-spacing:.17em}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1.45fr) minmax(420px,.55fr)}.auth-visual{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:44px clamp(36px,5vw,80px);position:relative;overflow:hidden;background:#090909}.auth-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.18) 58%,#090909 100%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 64%),url("login-background-optimized.jpg") center/cover;filter:grayscale(.86) contrast(1.12)}.auth-visual:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--red)}.visual-copy,.visual-footer{position:relative;z-index:1}.visual-copy{max-width:720px;margin-bottom:11vh}.visual-copy h1{margin:0;font-size:clamp(52px,6.2vw,96px);font-weight:400;line-height:1.05;letter-spacing:-.055em}.visual-copy>p:last-child{max-width:560px;margin:24px 0 0;color:#c4c4c4;font-size:17px;font-weight:300;line-height:1.75}.visual-footer{display:flex;justify-content:space-between;color:#868686;font-size:11px;letter-spacing:.08em}.auth-side{min-height:100vh;display:grid;place-items:center;padding:46px clamp(32px,4.4vw,70px);background:#090909;border-left:1px solid var(--line)}.auth-panel{width:min(100%,430px)}.auth-topline{display:flex;justify-content:space-between;margin-bottom:68px;color:#777;font-size:12px}.online-dot{display:flex;align-items:center;gap:8px}.online-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}.auth-heading h2{margin:0;font-size:36px;font-weight:400}.auth-heading>p:last-child{margin:10px 0 31px;color:var(--muted)}.auth-form{display:grid;gap:9px}.auth-form label{margin-top:9px;color:#ccc;font-size:13px}.auth-form input{height:54px;padding:0 3px;color:#fff;background:transparent;border:0;border-bottom:1px solid #555;outline:0}.auth-form input:focus{border-bottom:2px solid var(--red)}.primary-button{height:55px;display:flex;align-items:center;justify-content:space-between;margin-top:21px;padding:0 20px;color:#fff;background:var(--red);border:0;cursor:pointer;font-weight:600}.primary-button:hover{background:#fa252d}.primary-button:disabled{opacity:.6;cursor:wait}.auth-message{min-height:21px;margin:13px 0;color:#aaa;text-align:center;font-size:12px}.auth-message.error{color:#ff7f84}.auth-message.success{color:#65d796}.text-button{display:block;margin:2px auto;padding:10px;color:#ddd;background:transparent;border:0;cursor:pointer;font-size:12px}.security-copy{margin:28px 0 0;padding-top:21px;color:#555;border-top:1px solid var(--line);text-align:center;font-size:10px}.workspace-view{min-height:100vh;padding-bottom:34px;background:#090909}.workspace-header{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px max(26px,calc((100vw - 1360px)/2));background:#0b0b0b;border-bottom:1px solid var(--line);border-top:3px solid var(--red)}.workspace-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.wordmark{width:46px;height:46px;display:grid;place-items:center;border:2px solid #fff;font-weight:700}.workspace-brand strong,.workspace-brand small{display:block}.workspace-brand small{color:#777;font-size:11px}.account-bar{display:flex;align-items:center;gap:12px}.account-name{color:#aaa}.points{padding:7px 10px;color:#fff;background:#222}.secondary-button{min-height:42px;padding:0 13px;color:#ddd;background:#111;border:1px solid #484848;cursor:pointer}.secondary-button:hover{border-color:#fff}.workspace-intro,.tool-grid,.workspace-footer{width:min(1360px,calc(100% - 48px));margin-inline:auto}.workspace-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:68px 0 31px}.workspace-intro h1{margin:0;font-size:clamp(42px,5vw,68px);font-weight:400;letter-spacing:-.05em}.workspace-intro>div>p:last-child{color:var(--muted)}.service-online{display:flex;align-items:center;gap:9px;padding:9px 13px;color:#bfe8d0;border:1px solid #2d6345;font-size:12px}.service-online i,.available i{width:7px;height:7px;border-radius:50%;background:var(--green)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-card{--accent:#cfcfcf;min-height:430px;display:flex;flex-direction:column;padding:29px;color:#fff;background:#101010;border:1px solid #303030;border-top:2px solid var(--accent);text-decoration:none;transition:.2s}.tool-card:hover{transform:translateY(-4px);border-color:var(--accent)}.accent-amber{--accent:#e0a326}.accent-teal{--accent:#46c7bd}.accent-blue{--accent:#4b8df4}.tool-top{display:flex;justify-content:space-between;align-items:start;color:#595959;font:600 12px ui-monospace,monospace}.tool-letter{width:53px;height:53px;display:grid;place-items:center;color:var(--accent);border:1px solid #484848;font-size:22px}.tool-code{margin:31px 0 9px;color:var(--accent);font:700 12px ui-monospace,monospace;letter-spacing:.12em}.tool-card h2{margin:0;font-size:31px;font-weight:500}.tool-description{margin:20px 0;color:#929292;line-height:1.7}.tool-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;border-top:1px solid #292929;font-size:13px}.available{display:flex;align-items:center;gap:8px;color:#65d796}.workspace-footer{display:flex;justify-content:space-between;margin-top:38px;padding-top:22px;color:#555;border-top:1px solid #292929;font-size:10px;letter-spacing:.09em}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:1000px){.auth-layout{display:block}.auth-visual{display:none}.auth-side{min-height:100vh}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:340px}}@media(max-width:640px){.auth-side{padding:28px 22px}.auth-topline{margin-bottom:45px}.workspace-header{padding:12px 16px}.account-name{display:none}.workspace-intro,.tool-grid,.workspace-footer{width:calc(100% - 28px)}.workspace-intro{align-items:flex-start;flex-direction:column;padding-top:45px}.workspace-intro h1{font-size:40px}.tool-card{padding:23px}.workspace-footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}