:root {
    --blue: #1376d1;
    --blue-dark: #0758a8;
    --ink: #151a20;
    --muted: #707982;
    --line: rgba(39,66,85,.12);
    --panel: rgba(255,255,255,.67);
    --surface: rgba(255,255,255,.78);
    --shadow: 0 24px 70px rgba(31,58,78,.12);
}
* { box-sizing: border-box; }
html { min-height: 100%; }
body { margin: 0; min-height: 100vh; color: var(--ink); font-family: Inter, Arial, sans-serif; background: radial-gradient(circle at 20% 10%, rgba(19,118,209,.08), transparent 35%), linear-gradient(135deg, #fff, #f3f6f8 55%, #eaf5ff); }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
body.dark { --ink: #edf4f8; --muted: #aab7c1; --line: rgba(220,238,248,.12); --panel: rgba(10,17,23,.78); --surface: rgba(16,25,32,.86); background: radial-gradient(circle at 20% 10%, rgba(19,118,209,.15), transparent 35%), linear-gradient(135deg, #071017, #101a21 55%, #0c2635); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }