/* Gemensam CSS för hela $TCHAD site */
body {
  background:black;
  color:#00ff99;
  font-family:'Courier New', monospace;
  text-align:center;
  margin:0;
  padding:1rem;
}

/* HEADERS */
h1 { 
  color:gold; 
  text-shadow:0 0 10px red,0 0 20px orange; 
}

h2.glow, h3.glow {
  color: gold;
  text-shadow: 0 0 10px #00ff99, 0 0 20px #00ff99, 0 0 20px #00ffff;
  animation: glowPulse 2s infinite; /* NY */
}

/* BUTTONS */
button {
  background:gold;
  color:black;
  border:none;
  border-radius:6px;
  padding:10px 20px;
  cursor:pointer;
  margin:5px;
  font-weight: bold; /* NY */
  text-transform: uppercase; /* NY */
  box-shadow: 0 0 5px #00ff99, 0 0 10px #00ffff; /* NY */
  transition: all 0.2s ease-in-out; /* NY */
}

button:hover { /* NY */
  transform: scale(1.05);
  box-shadow: 0 0 15px #00ff99, 0 0 30px #00ffff;
}

/* INPUTS */
input {
  padding:8px;
  border-radius:6px;
  border:2px solid #00ff99;
  background:#222;
  color:#00ff99;
  width:200px;
}

/* SECTIONS */
.section {
  border:2px solid #00ff99;
  border-radius:12px;
  padding:1rem;
  margin:1rem auto;
  max-width:600px;
  animation: glowPulse 2s infinite; /* NY */
}

/* LISTS */
ul {
  text-align:left;
  max-width:400px;
  margin:auto;
  padding:0;
  list-style:none;
}

/* PROGRESS BAR */ 
.progress-bar { 
  background:#222; 
  border:1px solid #00ff99; 
  border-radius:8px; 
  height:16px; 
  width:100%; 
  margin:5px auto; 
}

.progress { 
  height:100%; 
  background:linear-gradient(90deg,#00ff99,#00ffff); 
  border-radius:8px; 
}

/* LINKS */
a, a:visited { 
  color:cyan; 
  text-decoration:none; 
  font-weight: bold; /* NY */
}
a:hover { 
  color:black; 
  background:#00ff99; 
  border-radius:6px; 
  padding: 2px 4px; /* NY */
}

/* Glödande box för wallet & saldo */
.wallet-box {
  border: 2px solid #00ff99;
  border-radius: 12px;
  padding: 1rem;
  margin: 1rem auto;
  max-width: 300px;
  background: #111;
  color: #00ff99;
  text-align: center;
  box-shadow: 0 0 10px #00ff99, 0 0 20px #00ffff, 0 0 30px #00ff99;
  font-weight: bold;
  word-break: break-all;
}

/* Pulserande glow-animation */
@keyframes glowPulse {
  0% { box-shadow: 0 0 10px #00ff99, 0 0 20px #00ffff, 0 0 30px #00ff99; }
  50% { box-shadow: 0 0 20px #00ff99, 0 0 30px #00ffff, 0 0 40px #00ff99; }
  100% { box-shadow: 0 0 10px #00ff99, 0 0 20px #00ffff, 0 0 30px #00ff99; }
}

.wallet-box.glow {
  animation: glowPulse 2s infinite;
}

/* PRESALE STATUS */
#presaleStatus {
  margin-top:10px;
  font-weight:bold;
  color:#00ff99;
}

/* RESPONSIV */
@media (max-width:650px) { /* NY */
  .section { max-width: 90%; }
  input { width: 100%; }
}