*, *::before, *::after { box-sizing: border-box; }
html, body, h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin: 0; }
ul[role='list'], ol[role='list'] { list-style: none; }
html:focus-within { scroll-behavior: smooth; }
body { min-height: 100vh; text-rendering: optimizeLegibility; line-height: 1.5; }
img, picture { max-width: 100%; display: block; }
input, button, textarea, select { font: inherit; }
:root { --bg: #0b1020; --card:#0f162c; --text:#e8edf7; --muted:#b8c1d6; --acc:#4f8cff; --acc-2:#22c55e; }