:root{--fg:#1a1c22;--muted:#6b7280;--line:#e5e7eb;--accent:#3b5bdb;--bg:#f7f8fa}
*{box-sizing:border-box}body{margin:0;font:15px/1.5 -apple-system,Segoe UI,Roboto,sans-serif;color:var(--fg);background:var(--bg)}
.wrap,.auth{max-width:860px;margin:0 auto;padding:24px}
.auth{max-width:360px;margin-top:8vh}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}
.brand .dot{width:12px;height:12px;border-radius:50%;background:var(--accent);display:inline-block}
nav{margin-left:auto;font-weight:400;font-size:14px}nav a{margin-left:14px;color:var(--accent);text-decoration:none}
header.brand{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:8px}
h1{font-size:22px;margin:14px 0 2px}.muted{color:var(--muted)}
.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px 16px;margin-top:12px}
.row{padding:12px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}
.note{background:#fff8e1;border-radius:6px;padding:6px 8px;margin-top:6px;font-size:13px}
.pill{background:#eef2ff;color:var(--accent);border-radius:999px;padding:2px 8px;font-size:12px}
label{display:block;margin:12px 0}label input{display:block;width:100%;padding:9px;margin-top:4px;border:1px solid var(--line);border-radius:8px}
button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer}
.err{color:#c92a2a;margin-top:8px;min-height:1em}.foot{margin-top:24px;font-size:12px}