/* Reset + CSS Variables (always load first) */
:root{
  --bg:#f5f7fa;
  --card:#ffffff;
  --accent:#0ea5e9;
  --accent2:#38bdf8;
  --text:#111827;
  --shadow:0 2px 8px rgba(0,0,0,.06);
}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}
body{background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column}