:root {
      --primary-color: #00ffcc;
      --secondary-color: #ffcc00;
      --bg-dark: #1a1a1a;
      --bg-light: #0c0c0c;
      --text-light: #f0f0f0;
      --text-muted: #ccc;
    }

    body {
      margin: 5px;
      font-family: 'Orbitron', sans-serif;
      background: radial-gradient(circle, var(--bg-light), var(--bg-dark));
      color: white;
      text-align: center;
    }
    a:link {
      color: #C084FC;
    }
    a:hover {
      color: #C084FC;
    }
    a:visited {
      color: #C084FC;
    }
    a:active {
	color: #C084FC;
    }

    header {
      padding: 0.5rem 1rem;
    }

    h1 {
      font-size: 2rem;
      margin-bottom: 0.5rem;
    }

    .tagline {
      font-size: 1.2rem;
      color: var(--text-muted);
    }

    .cta {
      margin-top: 1rem;
    }

    .cta a {
      display: inline-block;
      background: var(--primary-color);
      color: #000;
      padding: 1rem 2rem;
      text-decoration: none;
      font-weight: bold;
      border-radius: 8px;
      margin: 0.5rem;
      transition: background 0.2s;
    }

    .cta a:hover {
      background: #00ccaa;
    }

    section {
      padding: 4rem 2rem;
      max-width: 800px;
      margin: auto;
    }

    .roadmap, .footer {
      background: #111;
      margin: 1rem 0;
      padding: 1rem;
      border-radius: 12px;
    }

    .buy-now, .tokenomics {
      max-width: 700px;
      margin: 50px auto 0;
      padding: 0 10px 0 10px;
      text-align: center;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .buy-now h2 {
      font-size: 2rem;
      margin-bottom: 30px;
      color: var(--primary-color);
    }

    .step {
      background-color: #1e1f26;
      border: 1px solid #3a3b3f;
      border-radius: 12px;
      padding: 20px;
      margin-bottom: 20px;
      text-align: left;
      box-shadow: 0 4px 10px rgba(0,0,0,0.05);
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .step h3 {
      margin-bottom: 10px;
      color: var(--text-light);
    }

    .step-subtitle.yellow {
      color: var(--secondary-color);
    }

    .step p {
      margin: 0;
      line-height: 1.4;
      color: var(--text-light);
    }

    .plan {
      padding: 0 1rem;
      text-align: center;
      color: var(--text-light);
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .plan h2 {
      font-size: 2rem;
      margin-bottom: 2rem;
      color: var(--primary-color);
    }

    .plan-item {
      max-width: 400px;
      margin: 1.5rem auto;
      text-align: left;
    }

    .plan-item h3 {
      color: white;
      margin-bottom: 0.5rem;
      font-size: 1.3rem;
    }

    .plan-item p {
      color: var(--text-muted);
      font-size: 1.05rem;
      line-height: 1.6;
    }

    footer {
      font-size: 0.9rem;
      color: #666;
      padding: 2rem 1rem;
    }

    .bottom_contract {
      color: var(--text-muted);
      background-color: #5a6e6a;
      height: 30px;
    }

    .follow-x-button {
      display: inline-block;
      background-color: black;
      color: white;
      padding: 10px 16px;
      border-radius: 999px;
      text-decoration: none;
      font-family: Arial, sans-serif;
      font-size: 14px;
      font-weight: bold;
      transition: background-color 0.2s ease;
    }

    .follow-x-button:hover {
      background-color: #1a1a1a;
    }

    .moon-section {
      padding: 0.5rem;
      color: white;
      font-family: Arial, sans-serif;
    }

    .moon-title {
      font-size: 2rem;
      color: var(--primary-color);
      margin-bottom: 1rem;
    }

    .moon-subtitle {
      margin-top: 1.5rem;
      font-weight: bold;
    }

    .moon-subtitle.red {
      color: #ff4d4d;
    }

    .moon-subtitle.yellow {
      color: var(--secondary-color);
    }

    .moon-subtitle.green {
      color: #66ff66;
    }

    .moon-text {
      color: var(--text-muted);
      margin-bottom: 1.05rem;
      line-height: 1.6;
    }

    .store-buttons {
      text-align: left;
      margin: 1.5rem 0 0 0;
    }

    .faq {
      padding: 1rem;
      text-align: center;
      color: var(--text-light);
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background: radial-gradient(ellipse at center, var(--bg-dark) 0%, black 100%);
    }

    .faq-title {
      font-size: 2rem;
      color: var(--primary-color);
      margin-bottom: 1rem;
    }

    .faq-subtitle.yellow {
      color: var(--secondary-color);
    }

    .faq-item {
      max-width: 700px;
      margin: 1.5rem auto;
      text-align: left;
    }

    .faq-item h3 {
      color: white;
      margin-bottom: 0.5rem;
      font-size: 1.3rem;
    }

    .faq-item p {
      color: white;
      font-size: 1rem;
      line-height: 1.4;
    }

    .relaxed {
      margin: 2rem 0 0 0;
    }

    .announcement {
      margin: -15px 0 0 0;
      color: #666; 
      font-size: 0.8rem;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      line-height: 1.4;
    }