:root {
  --ink: #eef1ff; --ink-dim: #9aa4d8; --bg0: #141a3c; --bg1: #232b5e;
  --teal: #46b8a2; --amber: #ffc46b; --rose: #ff5f9e; --mint: #9fe8d8;
  --card: rgba(20, 26, 60, 0.82);
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;
  color: var(--ink); background: var(--bg0);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--mint); }
.btn {
  display: inline-block; border: 0; border-radius: 999px; cursor: pointer;
  padding: 0.85rem 2.2rem; font-size: 1.05rem; font-weight: 700; letter-spacing: 0.04em;
  color: #1d2a5e; background: linear-gradient(120deg, var(--amber), var(--mint));
  box-shadow: 0 6px 24px rgba(255, 196, 107, 0.35); text-decoration: none;
}
.btn:active { transform: translateY(1px); }