#fw-section-footer {
--color-primary: #FFFFFF;
--color-primary-rgb: 255, 255, 255;
--color-background: #0a0a0a;
--color-background-rgb: 10, 10, 10;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #FFFFFF;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #FFFFFF;
--color-background-brightness: 10;
background-color: var(--color-background);
color: var(--color-on-background);

}
.index #fw-section-header {
--color-primary: #FFFFFF;
--color-primary-rgb: 255, 255, 255;
--color-background: #0a0a0a;
--color-background-rgb: 10, 10, 10;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #FFFFFF;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #FFFFFF;
--color-background-brightness: 10;
background-color: var(--color-background);
color: var(--color-on-background);

}






#fw-section-custom-html-bd786eb9-c825-4d6f-976e-7d87e6e13d49 {

    .box {
      background: rgba(20, 20, 20, 0.85);
      padding: 2rem 3rem;
      border-radius: 12px;
      max-width: 600px;
      width: 100%;
      box-shadow: 0 0 30px rgba(199, 60, 60, 0.5);
      border: 1px solid #c73c3c;
      color: #ddd;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 1.6rem;
      margin-left: 25%;
    }

    .box h2 {
      font-size: 1.6rem;
      margin-bottom: 1rem;
      font-weight: 600;
      color: #f25c5c;
    }

    .subtitle {
      font-family: 'Cinzel Decorative', cursive;
      font-size: 1.8rem;
      color: #fff;
      margin: 0;
      letter-spacing: 0.05em;
      user-select: none;
    }

    .description, .warning {
      font-size: 1.1rem;
      line-height: 1.5;
      margin: 0;
      color: #ccc;
      max-width: 550px;
      text-align: center;
    }

    .warning {
      font-style: italic;
      color: #ff6b6b;
    }

    #countdown {
      margin-top: 0;
      font-size: 2.5rem;
      font-weight: 700;
      color: #ff4444;
      letter-spacing: 0.05em;
      display: flex;
      justify-content: center;
      gap: 1.2rem;
      flex-wrap: wrap;
      user-select: none;
    }

    .time-segment {
      min-width: 60px;
      background: #2a2a2a;
      padding: 0.8rem 1rem;
      border-radius: 8px;
      box-shadow: inset 0 0 8px rgba(255, 68, 68, 0.6);
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .time-number {
      font-size: 2rem;
      font-weight: 700;
      color: #ff6666;
      line-height: 1;
    }

    .time-label {
      font-size: 0.9rem;
      color: #ff9999;
      text-transform: uppercase;
      margin-top: 0.3rem;
      letter-spacing: 0.07em;
    }

    .discord-link {
      display: inline-block;
      background: #7289da;
      color: #fff;
      padding: 0.75rem 1.5rem;
      border-radius: 8px;
      text-decoration: none;
      font-weight: bold;
      transition: background 0.3s ease;
      user-select: none;
      position: relative;
      z-index: 0;
    }

    @keyframes pulseGlow {
      0% {
        box-shadow: 0 0 6px 0 rgba(122, 46, 46, 0.7);
      }
      50% {
        box-shadow: 0 0 20px 6px rgba(122, 46, 46, 0.9);
      }
      100% {
        box-shadow: 0 0 6px 0 rgba(122, 46, 46, 0.7);
      }
    }

    .discord-link:hover {
      background: #7a2e2e;
      animation: pulseGlow 2s infinite ease-in-out;
      cursor: pointer;
      transition: background 0.3s ease;
    }

    .support-box iframe {
      width: 100%;
      height: 150px;
      border: none;
      border-radius: 12px;
      box-shadow: 0 0 15px rgba(199, 60, 60, 0);
    }

    .support-button {
      margin-top: 1rem;
      background-color: #c73c3c;
      color: white;
      padding: 0.8rem 2rem;
      font-size: 1.1rem;
      border: none;
      border-radius: 10px;
      cursor: pointer;
      font-weight: bold;
      transition: background-color 0.3s ease;
      text-decoration: none;
      display: inline-block;
      user-select: none;
    }

    .support-button:hover {
      background-color: #7a2e2e;
    }
}