:root{color-scheme:light dark;--paper:#f2f0ed;--logo-ink:#171719;--logo-check:#64356f;--shimmer:#35133f}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0}
main{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:24px}
.brand-mark{display:block;width:min(520px,80vw,120svh);height:auto;overflow:visible}
.mark-ink{fill:var(--logo-ink)}
.mark-check{fill:var(--logo-check)}
.check-shimmer{fill:none;stroke:var(--shimmer);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12 88;stroke-dashoffset:12;opacity:0;pointer-events:none;filter:drop-shadow(0 0 3px var(--shimmer))}
@media(prefers-color-scheme:dark){:root{--paper:#171719;--logo-ink:#ffffff;--shimmer:#d8b5e4}}
@media(prefers-reduced-motion:no-preference){.check-shimmer{animation:check-trace 5s linear infinite}}
@keyframes check-trace{0%{opacity:0;stroke-dashoffset:12}4%{opacity:1}36%{opacity:1}40%{opacity:0;stroke-dashoffset:-88}100%{opacity:0;stroke-dashoffset:-88}}
@media(prefers-reduced-motion:reduce){.check-shimmer{display:none}}