/* Переменные для легкой настройки */
:root {
  --bg-color: #000000;
  --accent-cyan: #00f2ff;
  --shadow-glow: 0 0 10px #00f2ff, 0 0 20px #00f2ff;
  --text-color: #ffffff;
}

body {
  background-color: var(--bg-color);
  color: var(--text-color);
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Эффект неонового заголовка */
h1 {
  color: var(--accent-cyan);
  text-transform: uppercase;
  letter-spacing: 3px;
  text-shadow: var(--shadow-glow);
  margin-top: 20px;
}

/* Стилизация основной кнопки (MainButton) */
.clan-button {
  border: 2px solid var(--accent-cyan);
  color: var(--accent-cyan);

  border-radius: 8px;
  cursor: pointer;
  box-shadow: inset 0 0 5px var(--accent-cyan);
  transition: 0.3s;
  font-weight: bold;
  animation: none;
  background-color: #00ffff30;
}

.clan-button:hover {
  background-color: #00f2ff69;

  box-shadow: var(--shadow-glow);
  animation: none;
}

/* Контейнер для вашего логотипа */
.logo-container {
  width: 200px;
  height: 200px;
  border: 1px solid rgba(0, 242, 255, 0.3);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-shadow: 0 0 15px rgba(0, 242, 255, 0.2);
}

token {
	color: #93faff;
	font-weight: bold;
	animation: token_anim cubic-bezier(0.65, 0.05, 0.36, 1) 3s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}
ptoken {
	color: #dcffc3;
	font-weight: bold;
	animation: token_anim cubic-bezier(0.65, 0.05, 0.36, 1) 3s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}

@keyframes token_anim
{
   0% {color: #93faff;}
   50% {color:var(--accent-cyan);}
   /*100% {color: white;}*/


}

a:focus, a:hover {
    background-color: none;
    border: none;
    animation: none;
    border-image: none;
    border-width: none;
    border:none;
    border-image-slice: none;
}