feat(hq-web): split-panel login

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

apps/hq-web/src/Login.tsx

@@ -26,23 +26,29 @@ export function Login() {
 
   return (
     <div className="login-wrap">
-      <div className="login-card">
+      <div className="login-brand">
-        <h2 style={{ marginTop: 0 }}>SiMS HQ</h2>
+        <h1>SiMS HQ</h1>
-        <Field label="Email">
+        <p>The ops console — clients, documents, payments, AMC and reminders in one place.</p>
-          <input
+      </div>
-            className="wf" type="email" value={email} autoFocus
+      <div className="login-form">
-            onChange={(e) => setEmail(e.target.value)}
+        <div className="login-card">
-          />
+          <h2 style={{ marginTop: 0 }}>Sign in</h2>
-        </Field>
+          <Field label="Email">
-        <Field label="Password">
+            <input
-          <input
+              className="wf" type="email" value={email} autoFocus
-            className="wf" type="password" value={pw}
+              onChange={(e) => setEmail(e.target.value)}
-            onChange={(e) => setPw(e.target.value)}
+            />
-            onKeyDown={(e) => e.key === 'Enter' && void submit()}
+          </Field>
-          />
+          <Field label="Password">
-        </Field>
+            <input
-        <Button tone="primary" onClick={() => void submit()}>{busy ? 'Signing in…' : 'Sign in'}</Button>
+              className="wf" type="password" value={pw}
-        {error !== undefined && <Notice tone="err">{error}</Notice>}
+              onChange={(e) => setPw(e.target.value)}
+              onKeyDown={(e) => e.key === 'Enter' && void submit()}
+            />
+          </Field>
+          <Button tone="primary" onClick={() => void submit()}>{busy ? 'Signing in…' : 'Sign in'}</Button>
+          {error !== undefined && <Notice tone="err">{error}</Notice>}
+        </div>
       </div>
     </div>
   )