body {
  margin: 0;
  background: #0b0e14;
  color: #c9d1d9;
  font-family:
    "Space Grotesk",
    -apple-system,
    "Segoe UI",
    system-ui,
    sans-serif;
}

a {
  color: #22ff88;
  text-decoration: none;
}

a:hover {
  color: #8cffc4;
  text-decoration: underline;
}

::selection {
  background: #22ff88;
  color: #0b0e14;
}

input::placeholder {
  color: #4e5866;
}

@keyframes blink {
  0%,
  49% {
    opacity: 1;
  }
  50%,
  100% {
    opacity: 0;
  }
}

@keyframes scan {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

[hidden] {
  display: none !important;
}

/* Classes extracted from style-hover and style-focus */

.nav-telegram {
  font-family: "JetBrains Mono", monospace;
  font-size: 13px;
  font-weight: 500;
  color: #22ff88;
  border: 1px solid #1f5c3d;
  padding: 9px 16px;
  border-radius: 4px;
  text-decoration: none;
  transition:
    background 0.2s,
    color 0.2s;
}

.nav-telegram:hover {
  background: #122419;
  text-decoration: none;
  color: #8cffc4;
}

.nav-telegram:focus-visible {
  outline: 2px solid #22ff88;
  outline-offset: 2px;
}

.btn-primary {
  font-family: "JetBrains Mono", monospace;
  font-size: 14px;
  font-weight: 700;
  background: #22ff88;
  color: #0b0e14;
  border: none;
  padding: 13px 22px;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  transition: background 0.2s;
}

.btn-primary:hover {
  background: #8cffc4;
  text-decoration: none;
  color: #0b0e14;
}

.btn-primary:focus-visible {
  outline: 2px solid #22ff88;
  outline-offset: 2px;
}

.btn-primary:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.btn-ghost {
  font-family: "JetBrains Mono", monospace;
  font-size: 14px;
  font-weight: 500;
  color: #c9d1d9;
  border: 1px solid #2a3342;
  padding: 13px 22px;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  transition:
    border-color 0.2s,
    color 0.2s;
}

.btn-ghost:hover {
  border-color: #22ff88;
  color: #22ff88;
  text-decoration: none;
}

.btn-ghost:focus-visible {
  outline: 2px solid #22ff88;
  outline-offset: 2px;
}

.chip {
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  padding: 7px 14px;
  border-radius: 4px;
  cursor: pointer;
  background: transparent;
  color: #8b96a5;
  border: 1px solid #2a3342;
  transition:
    border-color 0.2s,
    background 0.2s,
    color 0.2s;
}

.chip:hover {
  border-color: #22ff88;
}

.chip:focus-visible {
  outline: 2px solid #22ff88;
  outline-offset: 2px;
}

.chip--active {
  background: #122419;
  color: #22ff88;
  border-color: #1f5c3d;
}

.card-cta {
  margin-top: auto;
  font-family: "JetBrains Mono", monospace;
  font-size: 13px;
  text-align: center;
  color: #c9d1d9;
  border: 1px solid #2a3342;
  padding: 9px 14px;
  border-radius: 4px;
  text-decoration: none;
  display: block;
  transition:
    border-color 0.2s,
    color 0.2s;
}

.card-cta:hover {
  border-color: #22ff88;
  color: #22ff88;
  text-decoration: none;
}

.card-cta:focus-visible {
  outline: 2px solid #22ff88;
  outline-offset: 2px;
}

.btn-retry {
  font-family: "JetBrains Mono", monospace;
  font-size: 13px;
  font-weight: 500;
  background: transparent;
  color: #22ff88;
  border: 1px solid #1f5c3d;
  padding: 10px 18px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s;
}

.btn-retry:hover {
  background: #122419;
}

.btn-retry:focus-visible {
  outline: 2px solid #22ff88;
  outline-offset: 2px;
}

.btn-telegram-section {
  font-family: "JetBrains Mono", monospace;
  font-size: 14px;
  font-weight: 700;
  background: transparent;
  color: #22ff88;
  border: 1px solid #1f5c3d;
  padding: 13px 22px;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  transition: background 0.2s;
}

.btn-telegram-section:hover {
  background: #122419;
  text-decoration: none;
}

.btn-telegram-section:focus-visible {
  outline: 2px solid #22ff88;
  outline-offset: 2px;
}

.form-input {
  flex: 1;
  min-width: 220px;
  font-family: "JetBrains Mono", monospace;
  font-size: 15px;
  background: #0b0e14;
  color: #c9d1d9;
  border: 1px solid #2a3342;
  border-radius: 4px;
  padding: 13px 16px;
  box-sizing: border-box;
}

.form-input:focus-visible,
.form-input:focus {
  outline: 2px solid #22ff88;
  outline-offset: 1px;
  border-color: #22ff88;
}