*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --bg: #000000;
      --surface: #141420;
      --border: rgba(255,255,255,0.07);
      --text: #e8e8f0;
      --text-muted: #7a7a96;
      --accent: #1e8a6e;
      --gold: #c9a84c;
      --gold-light: #e2c47a;
    }
    html { scroll-behavior: smooth; }
    body {
      background: var(--bg);
      color: var(--text);
      font-family: 'DM Sans', sans-serif;
      font-weight: 300;
      line-height: 1.7;
      min-height: 100vh;
      -webkit-font-smoothing: antialiased;
    }
    a { text-decoration:none;}
    @keyframes pulse-glow {
  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(252, 211, 250, 0.7);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 0 0 10px rgba(52, 152, 219, 0);
  }
}

.pulse-glow {
  animation: none;
}
    .hide { display: none; }
    .grain {
      position: fixed; inset: 0; pointer-events: none; z-index: 100;
      opacity: 0.035;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
      background-size: 200px 200px;
    }
    .page {
      min-height: 100vh;
      display: flex; flex-direction: column; align-items: center;
      padding: 80px 24px 60px;
    }
    .site-header {
      display: flex; flex-direction: column; align-items: center;
      gap: 20px; margin-bottom: 64px;
    }
    .logo {
      width: 140px; height: 140px; object-fit: contain; border-radius: 50%;
      box-shadow: 0 0 0 1px rgba(255,255,255,0.06), 0 0 40px rgba(30,138,110,0.15), 0 20px 60px rgba(0,0,0,0.5);
      transition: transform 0.4s ease, box-shadow 0.4s ease;
    }
    .logo:hover {
      transform: scale(1.1);
      box-shadow: 0 0 0 1px rgba(255,255,255,0.09), 0 0 60px rgba(30,138,110,0.25), 0 24px 70px rgba(0,0,0,0.6);
    }
    .site-title {
      font-family: 'DM Serif Display', serif;
      font-size: clamp(2rem, 6vw, 3.4rem);
      font-weight: 400; letter-spacing: -0.01em;
      text-align: center; line-height: 1.15;
    }
    .site-domain {
      font-size: 0.8rem; letter-spacing: 0.18em;
      text-transform: uppercase; color: var(--text-muted);
    }
    .countdown-section {
      display: flex; flex-direction: column; align-items: center;
      gap: 20px; margin-bottom: 72px; width: 100%; max-width: 700px;
    }
    .countdown-label {
      font-size: 0.78rem; letter-spacing: 0.2em;
      text-transform: uppercase; color: var(--text-muted);
    }
    .countdown-grid { display: flex; align-items: center; gap: 8px; }
    .countdown-unit {
      display: flex; flex-direction: column; align-items: center; gap: 6px;
      background: var(--surface); border: 1px solid var(--border);
      border-radius: 2px; padding: 20px 28px; min-width: 90px;
    }
    .countdown-number {
      font-family: 'DM Serif Display', serif;
      font-size: clamp(2.4rem, 6vw, 3.8rem);
      line-height: 1; font-weight: 400;
      font-variant-numeric: tabular-nums; letter-spacing: 0.02em;
    }
    .countdown-caption {
      font-size: 0.65rem; letter-spacing: 0.2em;
      text-transform: uppercase; color: var(--text-muted);
    }
    .countdown-sep {
      font-family: 'DM Serif Display', serif;
      font-size: 2rem; color: var(--text-muted);
      opacity: 0.3; margin-bottom: 24px; user-select: none;
    }
    .countdown-date {
      font-size: 0.78rem; letter-spacing: 0.18em;
      text-transform: uppercase; color: var(--accent);
    }
    .divider {
      width: 1px; height: 100px;
      background: linear-gradient(to bottom, transparent, var(--border), transparent);
      margin-bottom: 64px;
    }
    .about-section {
      max-width: 640px; width: 100%;
      display: flex; flex-direction: column;
      gap: 20px; margin-bottom: 80px;
    }
    .about-heading {
      font-family: 'DM Serif Display', serif;
      font-size: clamp(1.3rem, 3vw, 1.8rem);
      font-weight: 400; letter-spacing: -0.01em; margin-bottom: 4px;
    }
    .about-body { font-size: 1rem; color: var(--text-muted); line-height: 1.8; }
    li { font-size: 1rem; color: var(--text-muted); line-height: 1.8; }
    .about-body strong { color: var(--text); font-weight: 500; }
    .about-body em { font-style: italic; color: var(--gold-light); }
    .prize-badge {
      display: flex; align-items: center; gap: 14px;
      border: 1px solid rgba(201,168,76,0.2); border-radius: 2px;
      padding: 16px 24px; margin-top: 8px;
      background: rgba(201,168,76,0.04);
    }
    .prize-star { color: var(--gold); font-size: 0.9rem; opacity: 0.7; }
    .prize-text {
      font-size: 0.8rem; letter-spacing: 0.14em;
      text-transform: uppercase; color: var(--gold); flex: 1; text-align: center;
    }
    .site-footer {
      margin-top: auto; padding-top: 24px;
      border-top: 1px solid var(--border);
      width: 100%; max-width: 640px; text-align: center;
    }
    .site-footer p {
      font-size: 0.72rem; letter-spacing: 0.16em;
      text-transform: uppercase; color: var(--text-muted); opacity: 0.5;
    }
    @media (max-width: 500px) {
      .page { padding: 60px 20px 48px; }
      .countdown-unit { padding: 16px 18px; min-width: 72px; }
      .countdown-sep { font-size: 1.4rem; }
      .logo { width: 110px; height: 110px; }
    }
    #flash-banner {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: #4CAF50;
    color: white;
    padding: 15px;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.5s;
    z-index: 1000;
  }
  #flash-banner.show {
    opacity: 1;
  }