:root {
  --bg: #07040c;
  --panel: #120a18;
  --line: #3a2448;
  --pink: #ff7ad9;
  --gold: #f4d38a;
  --text: #f7ecff;
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: var(--bg); color: var(--text); font-family: "Segoe UI", "PingFang SC", sans-serif; }
button, input, textarea, select {
  font: inherit; color: inherit; background: #1a1024; border: 1px solid var(--line); border-radius: 10px; padding: 8px 10px;
}
button { cursor: pointer; }
button.primary { background: linear-gradient(90deg, #ff7ad9, #8b7cff); color: #1a0b14; font-weight: 700; border: 0; }
a { color: var(--pink); }
.card { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; }