body {
  background: linear-gradient(to bottom, #0d0d0d, #2a2a2a);
  color: #f2f2f2;
  font-family: 'Comic Neue', cursive;
  margin: 0;
  padding-top: 80px;
}

/* ===== Верхняя панель ===== */
.top-bar {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  background: rgba(20, 20, 20, 0.95);
  border-bottom: 2px solid #ff66cc;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2em;
  padding: 0.6em 1em;
  z-index: 9999;
  box-shadow: 0 0 15px #ff66cc55;
}

.top-logo img {
  width: 36px;
  height: 36px;
  filter: drop-shadow(0 0 12px #ff66cc);
  transition: transform 0.3s ease;
}

.top-logo:hover img {
  transform: scale(1.2);
}

/* ===== Кнопка Buy сверху ===== */
.buy-button-fixed {
  background: linear-gradient(45deg, #ff66cc, #ff99cc);
  border: none;
  border-radius: 14px;
  padding: 0.6em 1.4em;
  font-size: 1.1em;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 0 18px #ff66cc;
  animation: pulseBtn 2s infinite;
  transition: transform 0.2s ease;
}

.buy-button-fixed:hover {
  transform: scale(1.08);
  box-shadow: 0 0 28px #ff99cc;
}

/* ===== Контент ===== */
.content-grid {
  display: flex;
  flex-direction: column;
  gap: 2em;
  max-width: 1100px;
  margin: 0 auto;
  padding: 2em 1em;
}

.grid-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 2em;
  background: #1e1e1e;
  border: 2px solid #551a57;
  border-radius: 14px;
  padding: 1.5em;
  box-shadow: 0 0 12px rgba(255, 102, 204, 0.2);
}

.grid-block .text { color: #f9f9f9; }
.grid-block .media { text-align: center; }
.grid-block .media img {
  max-width: 90%;
  border: 3px dotted #ff66cc;
  border-radius: 12px;
  box-shadow: 0 0 15px rgba(255, 102, 204, 0.3);
}

.grid-block.highlight { border-color: #00e676; }

.grid-block:nth-child(even) {
  grid-template-columns: 1fr 1fr;
  direction: rtl;
}
.grid-block:nth-child(even) .text { direction: ltr; }

@media (max-width: 768px) {
  .grid-block,
  .grid-block:nth-child(even) {
    grid-template-columns: 1fr;
    direction: ltr;
  }
}

/* ===== Нижняя панель ===== */
.bottom-bar {
  position: relative;
  margin-top: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2em;
  padding: 1.2em;
  background: rgba(20, 20, 20, 0.95);
  border-top: 2px solid #ff66cc;
  box-shadow: 0 -4px 12px #ff66cc55;
}

.bottom-logo img {
  width: 36px;
  height: 36px;
  filter: drop-shadow(0 0 12px #ff66cc);
  transition: transform 0.3s ease;
}

.bottom-logo:hover img {
  transform: scale(1.2);
}

.buy-button-bottom {
  background: linear-gradient(45deg, #ff66cc, #ff99cc);
  border: none;
  border-radius: 14px;
  padding: 0.6em 1.4em;
  font-size: 1.1em;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 0 18px #ff66cc;
  animation: pulseBtn 2s infinite;
  transition: transform 0.2s ease;
}

.buy-button-bottom:hover {
  transform: scale(1.08);
  box-shadow: 0 0 28px #ff99cc;
}

@keyframes pulseBtn {
  0%, 100% { box-shadow: 0 0 12px #ff66cc; }
  50% { box-shadow: 0 0 28px #ff99cc; }
}

/* ===== Footer ===== */
footer {
  margin: 2em auto 1em;
  font-size: 0.9em;
  color: #aaa;
  max-width: 600px;
  line-height: 1.3em;
  text-align: center;
}
.signature { margin-top: 1em; font-style: italic; color: #999; }
/* Цветные акценты */
.pink { color: #ff66cc; font-weight: bold; }
.green { color: #00e676; font-weight: bold; }
.yellow { color: #ffeb3b; font-weight: bold; }
.accent { color: #ff99ff; font-weight: bold; }
.accent-link { color: #00e676; font-weight: bold; text-decoration: underline; }

.highlight-text {
  background: linear-gradient(45deg, #ff66cc, #ffeb3b, #00e676);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 900;
}

/* About $CANCER блок */
.about-cancer {
  text-align: center;
  padding: 3em 1.5em;
  margin: 2em auto;
  border-radius: 20px;
  background: linear-gradient(135deg, #1e1e1e, #2a2a2a);
  border: 3px solid #ff66cc;
  box-shadow: 0 0 25px #ff66ccaa;
}

.about-cancer h2 {
  font-size: 2.5em;
  margin-bottom: 0.8em;
  color: #ff66cc;
  text-shadow: 0 0 12px #ff99cc;
}

.about-cancer p {
  font-size: 1.3em;
  line-height: 1.6em;
  margin-bottom: 1.2em;
}

.about-cancer blockquote {
  font-size: 1.5em;
  font-style: italic;
  color: #ffa3d1;
  text-shadow: 0 0 10px #ff66ccaa;
  margin: 0 auto;
  max-width: 700px;
}

/* Pump & Twitter иконки со светом */
.top-logo img, .bottom-logo img {
  filter: drop-shadow(0 0 14px #ff66cc);
  opacity: 1;
}
/* Текстовые блоки — крупнее */
.grid-block .text {
  color: #f9f9f9;
  font-size: 1.2em;
  line-height: 1.7em;
}

.grid-block .text h2 {
  font-size: 1.8em;
  margin-bottom: 0.6em;
  color: #ff99cc;
  text-shadow: 0 0 6px #ff66ccaa;
}

.grid-block .text p {
  margin-top: 0.5em;
}

/* Медиа */
.grid-block .media img {
  max-width: 95%;
  margin-bottom: 0.6em;
  border: 3px dotted #ff66cc;
  border-radius: 12px;
  box-shadow: 0 0 18px rgba(255, 102, 204, 0.35);
}

/* About $CANCER блок усилен */
.about-cancer {
  text-align: center;
  padding: 3em 2em;
  margin: 3em auto;
  border-radius: 20px;
  background: radial-gradient(circle at top, #2a2a2a, #0d0d0d);
  border: 3px solid #ff66cc;
  box-shadow: 0 0 30px #ff66ccaa;
}

.about-cancer p {
  font-size: 1.4em;
  line-height: 1.7em;
  margin-bottom: 1.5em;
}

.about-cancer blockquote {
  font-size: 1.6em;
  font-style: italic;
  color: #ffa3d1;
  text-shadow: 0 0 10px #ff66ccaa;
  margin: 0 auto;
  max-width: 700px;
}
/* Блок контракта сверху */
.contract-top {
  background: #1e1e1e;
  border: 2px solid #ff66cc;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.5em 1em;
  font-size: 1em;
  color: #ffb6e6;
  box-shadow: 0 0 12px #ff66cc77;
  margin-right: auto;
}

.contract-top code {
  font-family: monospace;
  font-weight: bold;
  background: #2c2c2c;
  padding: 0.2em 0.6em;
  border-radius: 6px;
}

.contract-top button {
  background: #ff66cc;
  border: none;
  color: #fff;
  padding: 0.3em 0.7em;
  border-radius: 6px;
  cursor: pointer;
}

.copy-msg {
  opacity: 0;
  transition: opacity 0.3s ease;
  color: #00e676;
  font-weight: bold;
  font-size: 0.9em;
}
/* Верхняя панель */
.top-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #1a1a1a;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2em;
  padding: 0.6em 1em;
  z-index: 1000;
  box-shadow: 0 2px 10px rgba(0,0,0,0.6);
}

/* Логотипы */
.top-logo img {
  width: 44px;
  height: 44px;
  filter: drop-shadow(0 0 8px #ff66cc);
  transition: transform 0.3s ease, filter 0.3s ease;
}

.top-logo img:hover {
  transform: scale(1.2);
  filter: drop-shadow(0 0 14px #ff99cc);
}

/* Кнопка Buy */
.buy-button-fixed {
  background: linear-gradient(45deg, #ff66cc, #ff99cc);
  border: none;
  padding: 0.7em 1.4em;
  border-radius: 14px;
  font-size: 1.1em;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 0 15px #ff66ccaa;
  transition: transform 0.2s ease, box-shadow 0.3s ease;
}

.buy-button-fixed:hover {
  transform: scale(1.05);
  box-shadow: 0 0 25px #ff66cc;
}

/* Контрактная строка */
.contract-bar {
  position: fixed;
  top: 68px; /* немного ниже шапки */
  left: 50%;
  transform: translateX(-50%);
  background: #1e1e1e;
  border: 2px solid #ff66cc;
  border-radius: 10px;
  padding: 0.5em 1.2em;
  display: flex;
  align-items: center;
  gap: 0.8em;
  color: #ffb6e6;
  box-shadow: 0 0 12px #ff66cc77;
  z-index: 999;
}

/* Код контракта */
.contract-bar code {
  font-family: monospace;
  font-weight: bold;
  background: #2c2c2c;
  padding: 0.25em 0.6em;
  border-radius: 6px;
}

/* Кнопка копирования */
.contract-bar button {
  background: #ff66cc;
  border: none;
  color: #fff;
  padding: 0.3em 0.8em;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.contract-bar button:hover {
  background: #ff3388;
}

/* Сообщение Copied */
.copy-msg {
  opacity: 0;
  transition: opacity 0.3s ease;
  color: #00e676;
  font-weight: bold;
  font-size: 0.9em;
}
/* ====== Mobile Adaptation ====== */
@media (max-width: 768px) {
  /* Контент в одну колонку */
  .grid-block,
  .grid-block:nth-child(even) {
    grid-template-columns: 1fr;
    direction: ltr;
    text-align: center;
  }

  .grid-block .text {
    font-size: 1.05em;
    line-height: 1.6em;
    text-align: left;
    padding: 0 0.5em;
  }

  .grid-block .media img {
    max-width: 95%;
    margin: 1em auto;
  }

  /* Шапка */
  .top-bar {
    flex-direction: row;
    gap: 1em;
    padding: 0.5em;
  }

  .top-logo img {
    width: 32px;
    height: 32px;
  }

  .buy-button-fixed {
    font-size: 0.9em;
    padding: 0.5em 1em;
  }

  /* Контракт */
  .contract-bar {
    flex-direction: column;
    font-size: 0.9em;
    padding: 0.6em;
    text-align: center;
    gap: 0.4em;
    top: 60px;
  }

  .contract-bar code {
    display: block;
    font-size: 0.9em;
    margin: 0.3em auto;
  }

  /* Нижняя панель */
  .bottom-bar {
    flex-direction: column;
    gap: 0.8em;
    padding: 0.8em;
  }

  .bottom-logo img {
    width: 32px;
    height: 32px;
  }

  .buy-button-bottom {
    width: 90%;
    font-size: 1em;
    padding: 0.7em 1.2em;
  }
}

/* ====== Very Small screens (<= 480px) ====== */
@media (max-width: 768px) {
  body {
    padding: 1em 0.5em;
  }

  .grid-block {
    padding: 1em;
    margin: 1.2em auto;
    gap: 1em;
  }

  .grid-block .text {
    font-size: 1.1em;
    line-height: 1.5em;
  }

  .grid-block .media img {
    max-width: 100%;
    margin: 0.5em auto;
  }

  /* Заголовки */
  h1 {
    font-size: 2.4em;
  }

  .subtitle {
    font-size: 1.2em;
  }

  .grid-block .text h2 {
    font-size: 1.5em;
  }

  /* Кнопка Buy */
  .buy-button-fixed {
    font-size: 1em;
    padding: 0.6em 1.2em;
  }

  /* Контракт */
  .contract-bar {
    font-size: 0.9em;
    padding: 0.6em;
    gap: 0.5em;
  }
}
/* Desktop version of CA */
.contract-bar {
  position: fixed;
  top: 68px;
  left: 50%;
  transform: translateX(-50%);
  background: #1e1e1e;
  border: 2px solid #ff66cc;
  border-radius: 10px;
  padding: 0.5em 1.2em;
  display: flex;
  align-items: center;
  gap: 0.8em;
  color: #ffb6e6;
  box-shadow: 0 0 12px #ff66cc77;
  z-index: 999;
}

.contract-bar code {
  font-family: monospace;
  font-weight: bold;
  background: #2c2c2c;
  padding: 0.25em 0.6em;
  border-radius: 6px;
}

.contract-bar button {
  background: #ff66cc;
  border: none;
  color: #fff;
  padding: 0.3em 0.8em;
  border-radius: 6px;
  cursor: pointer;
}

.contract-bar button:hover {
  background: #ff3388;
}

/* Mobile button */
.contract-mobile {
  display: none;
  position: fixed;
  bottom: 90px; /* чуть выше нижней панели */
  left: 50%;
  transform: translateX(-50%);
  background: #ff66cc;
  padding: 0.6em 1.2em;
  border-radius: 12px;
  box-shadow: 0 0 15px #ff66ccaa;
  z-index: 1000;
}

.contract-mobile button {
  background: none;
  border: none;
  color: white;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
}

/* Show/hide depending on device */
.desktop-only { display: flex; }
.mobile-only { display: none; }

@media (max-width: 768px) {
  .desktop-only { display: none; }
  .mobile-only { display: block; }
}