:root {
  --navy: #071a31;
  --navy-2: #12375e;
  --blue: #1289ff;
  --blue-dark: #1269c8;
  --lime: #9bd308;
  --soft: #f5f9fd;
  --bg: #eaf2fb;
  --text: #061428;
  --muted: #6b7788;
  --border: #cfd9e7;
  --danger: #b00020;
  --warning: #ff9800;
  --success: #9bd308;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: 'Inter', -apple-system, Segoe UI, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--blue); text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4 { margin: 0 0 12px; color: var(--navy); }
h1 { font-size: 28px; letter-spacing: -0.02em; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
p { margin: 0 0 12px; }
.loader-container {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  min-height: 100vh; gap: 20px;
}
.loader {
  width: 50px; height: 50px; border: 4px solid var(--border);
  border-top: 4px solid var(--blue); border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin { 100% { transform: rotate(360deg); } }
.hidden { display: none !important; }