:root {
  --bg: #05070B;
  --surface: #0B1020;
  --surface2: #0F1829;
  --border: #1A2340;
  --accent: #2E7CF6;
  --text: #F2F6FF;
  --muted: #6F7A99;
  --success: #3fb950;
  --warning: #e3b341;
  --error: #f85149;
  --new: #6FD6FF;
  --radius: 10px;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'DM Sans', 'Segoe UI', sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
}

.cp-wrap {
  max-width: 860px;
  margin: 0 auto;
  padding: 32px 16px 64px;
}

@media(max-width: 600px) {
  .cp-wrap { padding: 16px 12px 48px; }
}