/* ========== Reset & Vars ========== */
* { box-sizing: border-box; margin: 0; padding: 0; }

:root{
  --brand:#2e318d;
  --brand-dark:#1c2073;
  --text-on-dark:#fff;
  --overlay-bg: rgba(0,0,0,0.4);
  --card-bg: rgba(238,234,252,0.8);
  --input-bg: rgba(255,255,255,0.85);
  --radius-lg: 20px;
  --radius-xl: 30px;
  --shadow: 0 10px 30px rgba(0,0,0,0.1);
}

html, body{
  height:100%;
  font-family: 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  color: var(--text-on-dark);
  background: url('../assets/bg-mountains.png') no-repeat center/cover fixed;
}

/* Utilities */
.centered-vh{ min-height:100vh; display:flex; align-items:center; justify-content:center; }
.stack > * + *{ margin-top: var(--stack-gap, 1rem); }
.visually-hidden{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }