/* ============================================
   BASE & GLOBAL
   ============================================ */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --blue: #051650;
  --blue-light: #0a1d70;
  --white: #ffffff;
  --gray: #f3f4f6;
  --text-dark: #111827;
  --text-light: #6b7280;
  --red: #c62828;
  --purple: #5b21b6;
}

body {
  font-family: "Inter", "Segoe UI", Roboto, sans-serif;
  background: linear-gradient(135deg, var(--blue), var(--blue-light));
  color: var(--text-dark);
  height: 100vh;
  overflow: hidden;
}

button {
  font-family: inherit;
  cursor: pointer;
}

/* Utility */
.card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  padding: 25px;
}