@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600;800&display=swap');
      body {
      margin: 0; padding: 0;
      font-family: 'Inter', sans-serif;
      background: #0d0d0d;
      color: #e0e0e0;
      display: flex;
      flex-direction: column;
      align-items: center;
      min-height: 100vh;
      }
      .container {
      max-width: 450px;
      background: #cbfb450a;
      border-radius: 12px;
      padding: 2rem;
      margin-top: 3rem;
      box-shadow: 0 0 15px #39ff141c;
      text-align: center;
      }
      h1 {
      font-weight: 800;
      color: #CBFB45;
      margin-bottom: 1rem;
      text-shadow: 0 0 8px #CBFB45aa;
      }
      .balance {
      font-size: 2rem;
      font-weight: 700;
      color: #39FF14;
      text-shadow: 0 0 10px #39FF14cc;
      }
      .streak {
      font-size: 1rem;
      color: #a4f7b5;
      margin-bottom: 1rem;
      }
      .claim-btn {
      background: linear-gradient(90deg, #39FF14, #CBFB45);
      color: #121212;
      font-weight: 800;
      font-size: 1.25rem;
      padding: 1rem 2rem;
      border: none;
      border-radius: 30px;
      cursor: pointer;
      box-shadow: 0 0 15px #39FF1477;
      transition: background 0.3s ease;
      user-select: none;
      width: 100%;
      max-width: 350px;
      }
      .claim-btn:disabled {
      background: #444;
      cursor: not-allowed;
      box-shadow: none;
      color: #777;
      }
      .message {
      margin-top: 1rem;
      font-size: 1rem;
      min-height: 1.5rem;
      color: #f0a500;
      }
      .timer {
      margin-top: 1rem;
      font-size: 1rem;
      color: #aaa;
      }
      .daily-counter {
      margin-top: 1rem;
      font-size: 1rem;
      color: #a4f7b5;
      }
      .info-box {
      margin-top: 2rem;
      font-size: 0.85rem;
      color: #777;
      }