body { min-width: 320px; background: var(--bg); color: var(--text); font-family: var(--font); font-size: 15px; line-height: 1.55; }
body::before { position: fixed; z-index: -1; inset: 0; content: ""; pointer-events: none; background: radial-gradient(ellipse at 12% -10%, rgba(98, 177, 231, .18), transparent 34%), radial-gradient(ellipse at 95% 35%, rgba(139, 201, 240, .13), transparent 32%); }
h1, h2, h3 { line-height: 1.15; letter-spacing: -.035em; }
h1 { font-size: clamp(2rem, 5vw, 3.5rem); }
h2 { font-size: clamp(1.45rem, 3vw, 2.1rem); }
h3 { font-size: 1.05rem; }
p { color: var(--text-secondary); }
button { border: 0; cursor: pointer; }
input, select { color: var(--text); }
::selection { background: rgba(59, 130, 246, .4); color: white; }
:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.eyebrow { color: var(--electric); font-size: .72rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.muted { color: var(--muted); }
.text-gradient { background: linear-gradient(120deg, var(--electric), #64a8dc); background-clip: text; color: transparent; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; clip-path: inset(50%); }