.login-page{background:var(--canvas);flex-direction:column;min-height:100dvh;padding:38px 5vw 24px;display:flex}.login-topbar{justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1200px;margin:0 auto;display:flex}.login-topbar>span{color:var(--muted);font-size:12px}.login-content{flex:1;grid-template-columns:1.5fr 1fr;align-content:center;width:100%;max-width:1120px;margin:0 auto;padding:76px 0;display:grid}.login-story{padding-right:80px}.login-story h1{letter-spacing:-1.4px;margin:0 0 24px;font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1.4}.login-story h1 span{color:var(--accent)}.login-story>p{color:var(--muted);margin-bottom:36px;font-size:15px;line-height:1.9}.login-workflow{margin:0}.login-workflow>div{border-top:1px solid var(--line);grid-template-columns:74px 1fr;gap:20px;padding:16px 0;display:grid}.login-workflow dt{color:var(--ink);font-size:13px;font-weight:600}.login-workflow dd{color:var(--muted);margin:0;font-size:13px}.login-form-side{border-left:1px solid var(--line);align-items:center;padding-left:64px;display:flex}.login-form{width:100%;max-width:340px}.login-form h2{letter-spacing:-.5px;margin-bottom:12px;font-size:26px;font-weight:600;line-height:1.4}.login-form>p{color:var(--muted);margin-bottom:28px;font-size:14px}.google-signin{background:var(--surface);width:100%;min-height:48px;color:var(--ink);border:1px solid #cbd1c7;border-radius:5px;justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:500;display:flex}.google-signin:hover:not(:disabled){background:#efefe8;border-color:#aab5a3}.login-form .login-footnote{border-top:1px solid var(--line);color:var(--muted);margin:28px 0 0;padding-top:22px;font-size:12px;line-height:1.8}.login-footer{border-top:1px solid var(--line);width:100%;max-width:1200px;color:var(--muted);margin:0 auto;padding-top:18px;font-size:11px}@media (max-width:1000px){.login-story{padding-right:40px}.login-form-side{padding-left:40px}}@media (max-width:700px){.login-page{padding:26px 24px 22px}.login-topbar>span{display:none}.login-content{flex-direction:column;gap:36px;padding:52px 0;display:flex}.login-story{padding:0}.login-story h1{letter-spacing:-.7px;margin-bottom:16px;font-size:30px}.login-story>p{margin:0;font-size:13px}.login-story>p br,.login-workflow{display:none}.login-form-side{border-left:0;border-top:1px solid var(--line);padding:26px 0 0}.login-form{max-width:none}.login-form h2{font-size:22px}.login-form>p br{display:none}.login-footer{margin-top:auto}}