* { box-sizing: border-box; }
body { margin: 0; font-family: "Segoe UI", Tahoma, sans-serif; background: linear-gradient(160deg, #f4f7fb, #ecf2ff); color: var(--text); }
a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3 { margin: 0 0 10px; line-height: 1.2; }
p { margin: 0 0 12px; color: var(--muted); }
input, select, button { font: inherit; }
.skip-link { position: absolute; left: -9999px; }
.skip-link:focus { left: 16px; top: 16px; background: #fff; padding: 8px; border: 2px solid var(--primary); z-index: 999; }
:focus-visible { outline: 3px solid #f8b400; outline-offset: 2px; }
