:root {
  --bg-main: #0B0B12;
  --purple-main: #7C3AED;
  --purple-soft: #A855F7;
  --text-main: #EDE9FE;
  --text-muted: #A1A1AA;
  --border-soft: #1F2937;
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont;
  background: var(--bg-main);
  color: var(--text-main);
  line-height: 1.6;
}

.container {
  max-width: 960px;
  margin: auto;
  padding: 80px 20px;
}

h1 {
  word-break: break-word;
  font-size: 48px;
  margin-bottom: 20px;
}

h2 {
  margin-top: 80px;
}

p {
  max-width: 640px;
}

.btn {
  display: inline-block;
  margin-top: 30px;
  padding: 14px 28px;
  background: var(--purple-main);
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
}

.muted {
  color: var(--text-muted);
}

.loop {
  margin-top: 20px;
  font-size: 20px;
  white-space: pre-line;
}

footer {
  margin-top: 120px;
  padding-top: 40px;
  border-top: 1px solid var(--border-soft);
  color: var(--text-muted);
  font-size: 14px;
}