.dune-title {
     font-family: 'Orbitron', sans-serif;
     font-size: 3rem;
     color: #f5b452;
     letter-spacing: 0.2em;
     margin-top: 40px;
     font-weight: bold;
   }
   .sub-title {
     font-family: 'Orbitron', sans-serif;
     font-size: 1.5rem;
     color: #ffe6c2;
     margin-top: 40px;
     margin-bottom: 130px;
     font-weight: bold;
   }
    body {
      font-family: 'Orbitron', sans-serif;
      margin: 0;
      background: linear-gradient(to bottom, #000 60%, #c2a375 100%);
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-family: sans-serif;
      color: #ffe6c2;
    }
    .circle-container {
      font-family: 'Orbitron', sans-serif;
      display: flex;
      justify-content: center;
      gap: 60px;
      flex-wrap: wrap;
      margin-bottom: 100px;
    }

    .glow-circle {
      width: 160px;
      height: 160px;
      border-radius: 50%;
      background-color: black;
      box-shadow:
        0 0 20px 5px #f5b452,
        0 0 40px 15px #ffcc7a,
        0 0 80px 30px #ffd89c;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 12px;
    }

    .glow-circle strong {
      font-weight: bold;
      font-size: 1rem;
      margin-bottom: 6px;
      display: block;
    }

    .timer {
      margin-top: 3px;
      font-size: 1rem;
      font-weight: bold;
      color: #fff7e6;
    }
    .sand {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 120px;
      background: radial-gradient(circle at 50% 0%, #d2b48c 0%, #c2a375 100%);
      z-index: -1;
    }