@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@400;600&display=swap');

.montserrat {
  font-family: 'Montserrat Alternates', sans-serif !important;
}

.tn-elem__9448439811744227754711 .tn-atom {
  font-family: 'Montserrat Alternates', sans-serif !important;
}


body {
   background-color: black;
}

.gold-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 18px 40px;
  font-size: 20px;
  font-weight: 700;
  color: white;
  background: linear-gradient(to bottom right, #fcd34d, #f59e0b, #d97706);
  border: none;
  border-radius: 16px;
  cursor: pointer;
  box-shadow:
    0 4px 20px rgba(251, 191, 36, 0.4),
    0 0 40px rgba(245, 158, 11, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
  text-decoration: none;
}
.gold-button:hover {
  transform: scale(1.03);
  box-shadow:
    0 6px 30px rgba(251, 191, 36, 0.5),
    0 0 60px rgba(245, 158, 11, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* Уровни прозрачности */
.opacity-25 {
  opacity: 0.25;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-100 {
  opacity: 1;
}

z-10 {
 z-index: 10;    
}

.blur-xs {
  filter: blur(2px);
}

.blur-sm {
  filter: blur(4px);
}

.blur-md {
  filter: blur(8px);
}

.blur-lg {
  filter: blur(16px);
}

.blur-xl {
  filter: blur(32px);
}

.blur-2xl {
  filter: blur(64px);
}

.blur-3xl {
  filter: blur(100px);
}


.card {
  /*position: relative;*/
  border-radius: 1rem;
  border: 1px solid #facc15; /* тонкая золотая рамка */
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.2), 0 0 20px #f9a8d4;
  overflow: hidden !important;
  transition: box-shadow 0.3s ease;
  background: radial-gradient(at top right,rgba(76, 29, 149, 0.4), rgba(15, 15, 15, 0.6));
}

.gradient-line {
  height: 4px;
  width: 100%;
  border-radius: 2px;
  background: linear-gradient(90deg, #f59e0b, #fae0a0, #f59e0b);
  background-size: 200% auto;
  animation: move-gradient 2s linear infinite;
  box-shadow: 0 0 12px rgba(245, 158, 11, 0.4);
}

.shadow-inset {
  position: relative;
  z-index: 0;
}

.shadow-inset::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  box-shadow: 
    inset 0 0 80px 40px rgba(0, 0, 0, 0.6); /* Внутренняя тень со всех сторон */
}


.glow-gold {
  position: relative;
  display: inline-block;
  z-index: 1;
  filter: drop-shadow(0 0 8px rgba(250, 204, 21, 0.5)) 
          drop-shadow(0 0 16px rgba(250, 204, 21, 0.6)) 
          drop-shadow(0 0 24px rgba(250, 204, 21, 0.7));
}

.glow-gold-sm {
  position: relative;
  display: inline-block;
  z-index: 1;
  filter: drop-shadow(0 0 8px rgba(250, 204, 21, 0.2)) 
          drop-shadow(0 0 16px rgba(250, 204, 21, 0.3)) 
          drop-shadow(0 0 24px rgba(250, 204, 21, 0.4));
}