.brand { gap: 18px; font-size: 16px; font-weight: 700; letter-spacing: .01em; }
.brand img { width: 112px; height: 62px; object-fit: contain; filter: brightness(0) invert(1); }
.hw-admin-brand { display: flex; align-items: center; gap: 12px; }
.hw-admin-brand > img { width: 82px; height: 46px; object-fit: contain; filter: brightness(0) invert(1); }
.hw-admin-brand > span { display: grid; grid-template-rows: 22px 17px; background: none; color: inherit; }
.datamatrix { display: grid; place-items: center; margin: 20px 0; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.datamatrix svg { display: block; width: min(260px, 100%); height: auto; }
.secret summary { cursor: pointer; color: var(--brand); font-weight: 700; }
.secret[open] summary { margin-bottom: 12px; }