:root{--bg:#f7f9fc;--paper:#fff;--ink:#17243a;--muted:#627087;--line:#e3e8ef;--accent:#245edb;--tint:#edf2fd;--radius:7px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{z-index:10;background:var(--paper);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);padding:8px 14px;font-weight:600;text-decoration:none;position:absolute;top:-48px;left:16px}.skip-link:focus{top:12px}.shell{flex-direction:column;min-height:100vh;display:flex}.brand{align-items:center;gap:10px;padding:20px 24px;display:flex}.brand-mark{background:var(--accent);border-radius:3px;width:12px;height:12px}.brand-name{letter-spacing:.01em;font-weight:600}.main{flex:1;justify-content:center;align-items:center;padding:24px 16px 48px;display:flex}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:560px;padding:28px 24px;box-shadow:0 1px 2px #17243a0a}.kicker{background:var(--tint);color:var(--accent);border-radius:var(--radius);margin:0 0 10px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}.title{margin:0 0 10px;font-size:26px;font-weight:600;line-height:1.25}.body{color:var(--muted);margin:0}@media (width<=480px){.brand{padding:16px}.main{padding:16px 12px 32px}.panel{padding:22px 18px}.title{font-size:24px}}@media (width>=1024px){.brand{padding:28px 40px}.main{padding:32px 40px 64px}.panel{padding:36px 40px}}.welcome{margin:4px 0 14px;font-size:19px;font-weight:600}.notice{background:var(--tint);color:var(--accent);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 14px;padding:10px 12px}.field{margin:0 0 14px}.field label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.field input{width:100%;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.error{color:#a1231f;border-radius:var(--radius);background:#fdf0ef;border:1px solid #f3c7c4;margin:0 0 14px;padding:10px 12px}.actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.btn{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;padding:10px 18px;font-weight:600}.btn.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.btn.primary:disabled{opacity:.65;cursor:default}.btn.ghost{background:0 0}.identity{margin:0 0 14px}.identity-row{border-bottom:1px solid var(--line);gap:12px;padding:8px 0;display:flex}.identity-row dt{width:120px;color:var(--muted);flex:none;font-size:14px}.identity-row dd{overflow-wrap:anywhere;margin:0;font-weight:600}.muted-note{margin-bottom:16px;font-size:14px}