:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body { font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
/* Simple reveal animation (IntersectionObserver toggles .is-visible) */
.reveal { opacity: 0; transform: translateY(14px); transition: opacity .7s ease, transform .7s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
/* Subtle glass card */
.glass { background: rgba(255,255,255,.72); backdrop-filter: blur(10px); }
/* Gradient text */
.grad { background: linear-gradient(90deg, #2563eb, #06b6d4, #8b5cf6); -webkit-background-clip: text; background-clip: text; color: transparent; }
/* Focus ring */
.focus-ring:focus { outline: none; box-shadow: 0 0 0 4px rgba(37,99,235,.25); }