:root {
  --bg: #0B0F14;
  --card: #121823;
  --panel: #0E141E;
  --btn-primary: #172234;
  --border: #243041;
  --border-strong: #2A3A52;
  --text-primary: #E7EEFC;
  --text-secondary: #97A3B6;
  --text-muted: #C9D6EE;
  --accent: #4AA3FF;
  --accent-soft: rgba(74, 163, 255, 0.35);
  --accent-faint: rgba(74, 163, 255, 0.16);
  --success: #67E8A0;
  --warning: #FFCC66;
  --danger: #FF6B6B;
}

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

html, body {
  height: 100%;
}

body {
  font-family: "Space Grotesk", "Manrope", sans-serif;
  background: var(--bg);
  color: var(--text-primary);
}

a {
  color: inherit;
  text-decoration: none;
}

.screen {
  width: min(390px, 100%);
  min-height: 100vh;
  margin: 0 auto;
  padding: 24px 16px 40px;
}

.subtitle {
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.4;
  text-align: center;
}

.section-title {
  font-size: 15px;
  color: var(--text-primary);
  margin-bottom: 10px;
}

.text-muted {
  color: var(--text-secondary);
  font-size: 12.5px;
  line-height: 1.4;
}