*{box-sizing:border-box}body{color:#111;background:#fafafa;margin:0;font-family:system-ui,-apple-system,sans-serif}a{color:#1567d3}.wrap{max-width:760px;margin:0 auto;padding:32px 20px}.login{background:#fff;border:1px solid #e6e6e6;border-radius:10px;gap:16px;max-width:360px;margin:8vh auto 0;padding:32px;display:grid}.login h1{margin:0;font-size:22px}.login__sub{color:#777;margin:0;font-size:14px}.login__field{gap:6px;display:grid}.login__field span{letter-spacing:.04em;text-transform:uppercase;color:#777;font-size:12px}.login__field input{font:inherit;border:1px solid #d4d4d4;border-radius:6px;padding:11px 12px}.login__field input:focus{border-color:#1567d3;outline:none}.login__btn{color:#fff;font:inherit;cursor:pointer;background:#111;border:0;border-radius:6px;padding:12px;font-weight:600}.login__btn:disabled{opacity:.6;cursor:default}.login__error{color:#c92a2a;margin:0;font-size:13px}.topbar{border-bottom:1px solid #e6e6e6;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:18px;display:flex}.topbar__right{align-items:center;gap:14px;display:flex}.muted{color:#888;font-size:14px}.error{color:#c92a2a}.link-btn{color:#1567d3;cursor:pointer;font:inherit;background:0 0;border:0}.panel{background:#fff;border:1px solid #e6e6e6;border-radius:10px;margin-bottom:20px;padding:20px 24px}.panel h2{letter-spacing:.06em;text-transform:uppercase;margin-top:0;font-size:14px}.code{background:#f4f4f4;border-radius:6px;padding:14px;font-size:13px;overflow-x:auto}