@keyframes slashin_k7m2xp9q4w8n3 {
  from {
    opacity: 0;
    transform: translateY(1.25rem) skewY(1.5deg);
  }
  to {
    opacity: 1;
    transform: translateY(0) skewY(0);
  }
}

@keyframes pulsebar_r4t8v2n6p1xq9 {
  0%,
  100% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(1.06);
  }
}

@keyframes glowshift_h3j9k5m2n7p4q {
  0%,
  100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

#i0og0u30 {
  position: relative;
  overflow: hidden;
  background: linear-gradient(165deg, var(--neutral-1050) 0%, var(--neutral-950) 42%, var(--neutral-850) 100%);
  padding-block: clamp(2.5rem, 6vw, 4.5rem);
}

#i0og0u30 .upp756h58 {
  position: absolute;
  inset-block-start: -12%;
  inset-inline-end: -6%;
  width: min(55vw, 32rem);
  height: min(55vw, 32rem);
  background: linear-gradient(135deg, var(--primary) 0%, var(--warning-color) 45%, var(--accent) 100%);
  opacity: 0.22;
  transform: rotate(18deg);
  pointer-events: none;
  clip-path: polygon(18% 0%, 100% 0%, 82% 100%, 0% 100%);
}

#i0og0u30 .u8euwr5sb {
  position: absolute;
  inset-block-end: 8%;
  inset-inline-start: -10%;
  width: min(40vw, 22rem);
  height: min(40vw, 22rem);
  background: linear-gradient(200deg, var(--secondary) 0%, var(--accent-light) 100%);
  opacity: 0.18;
  transform: rotate(-12deg);
  pointer-events: none;
  clip-path: polygon(0% 12%, 100% 0%, 88% 100%, 0% 88%);
}

#i0og0u30 .utlbpfk1x {
  position: relative;
  z-index: 1;
}

#i0og0u30 .up52jk5au {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
  margin-bottom: clamp(1.75rem, 4vw, 2.75rem);
}

#i0og0u30 .us9gs9reu {
  padding: clamp(1.5rem, 3.5vw, 2.5rem);
  background: linear-gradient(125deg, var(--primary) 0%, var(--warning-color) 38%, var(--accent) 72%, var(--secondary) 100%);
  background-size: 200% 200%;
  animation: glowshift_h3j9k5m2n7p4q 8s ease-in-out infinite;
  border: 3px solid var(--primary-bg);
  box-shadow: 0.75rem 0.75rem 0 var(--secondary-bg);
}

#i0og0u30 .us9gs9reu h1 {
  margin: 0;
  color: var(--text-light);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.05;
  text-transform: uppercase;
}

#i0og0u30 .u1edftycx {
  margin-block: 1rem 0;
  margin-inline: 0;
  color: var(--text-light);
  font-size: 0.95rem;
  font-weight: 600;
  opacity: 0.92;
}

#i0og0u30 .u364pku09 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.35rem;
}

#i0og0u30 .u364pku09 .btn-primary {
  --bs-btn-bg: var(--neutral-1050);
  --bs-btn-border-color: var(--neutral-1050);
  --bs-btn-color: var(--text-light);
  --bs-btn-hover-bg: var(--neutral-950);
  --bs-btn-hover-border-color: var(--neutral-950);
  --bs-btn-hover-color: var(--text-light);
  font-weight: 800;
  border-radius: 0;
  padding-block: 0.7rem;
  padding-inline: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  box-shadow: 0.35rem 0.35rem 0 var(--primary-bg);
}

#i0og0u30 .up95gc0x0 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  padding: 1.25rem 1.35rem;
  background: var(--secondary);
  border: 3px solid var(--secondary-bg);
  box-shadow: 0.55rem 0.55rem 0 var(--accent-bg);
}

#i0og0u30 .up95gc0x0 h2 {
  margin: 0;
  color: var(--text-light);
  font-size: 1.05rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

#i0og0u30 .up95gc0x0 p {
  margin-block: 0.35rem 0.85rem;
  margin-inline: 0;
  color: var(--text-light);
  font-size: 0.9rem;
  opacity: 0.95;
}

#i0og0u30 .uq6ogg0cx {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.45rem;
}

#i0og0u30 .uq6ogg0cx li {
  color: var(--text-light);
  font-size: 0.88rem;
  font-weight: 600;
  padding-block: 0.45rem;
  padding-inline: 0.7rem;
  background: color-mix(in srgb, var(--neutral-1050) 28%, transparent);
  border-inline-start: 4px solid var(--secondary-bg);
}

#i0og0u30 .u4zlwk5h5 {
  margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
}

#i0og0u30 .udnqy8jzd {
  margin: 0 0 0.75rem;
  color: var(--primary-bg);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

#i0og0u30 .u5jzyx9lu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
}

#i0og0u30 .uspuxhno8 {
  display: block;
  text-decoration: none;
  color: var(--text-light);
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.3;
  padding-block: 0.75rem;
  padding-inline: 0.85rem;
  background: color-mix(in srgb, var(--background-tertiary) 10%, transparent);
  border: 2px solid var(--neutral-750);
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

#i0og0u30 .uspuxhno8:hover,
#i0og0u30 .uspuxhno8:focus-visible {
  color: var(--neutral-1050);
  background: var(--primary-bg);
  border-color: var(--primary-light);
  outline: none;
  transform: translateY(-0.15rem);
}

#i0og0u30 .uchxk0vy4 {
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}

#i0og0u30 .uom4zygxy {
  position: relative;
  padding: clamp(1.25rem, 2.5vw, 1.85rem);
  background: var(--background-tertiary);
  border: 3px solid var(--neutral-1050);
  box-shadow: 0.65rem 0.65rem 0 var(--primary);
  animation: slashin_k7m2xp9q4w8n3 0.55s ease backwards;
}

#i0og0u30 .u7hymum2a {
  display: block;
  width: 4.5rem;
  height: 0.45rem;
  margin-bottom: 1rem;
  background: linear-gradient(90deg, var(--primary) 0%, var(--warning-color) 55%, var(--accent) 100%);
  transform-origin: left center;
  animation: pulsebar_r4t8v2n6p1xq9 2.8s ease-in-out infinite;
}

#i0og0u30 .uom4zygxy:nth-child(even) {
  box-shadow: 0.65rem 0.65rem 0 var(--accent);
}

#i0og0u30 .uom4zygxy:nth-child(3n) {
  box-shadow: 0.65rem 0.65rem 0 var(--secondary);
}

#i0og0u30 .uom4zygxy:nth-child(even) .u7hymum2a {
  background: linear-gradient(90deg, var(--accent) 0%, var(--info-color) 100%);
}

#i0og0u30 .uom4zygxy:nth-child(3n) .u7hymum2a {
  background: linear-gradient(90deg, var(--secondary) 0%, var(--secondary-bg) 100%);
}

#i0og0u30 .uom4zygxy h2 {
  margin: 0 0 0.95rem;
  color: var(--text-primary);
  font-size: clamp(1.15rem, 2.2vw, 1.45rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.2;
  text-transform: uppercase;
}

#i0og0u30 .uom4zygxy p {
  color: var(--text-secondary);
  line-height: 1.75;
  margin-bottom: 0.85rem;
}

#i0og0u30 .uom4zygxy p:last-child {
  margin-bottom: 0;
}

#i0og0u30 .udbhmj1jj {
  color: var(--primary-dark);
  font-size: 1rem;
  font-weight: 800;
  margin-block: 0.55rem 0.65rem;
  margin-inline: 0;
  padding-block: 0.35rem;
  padding-inline: 0.85rem;
  background: linear-gradient(90deg, var(--primary-bg) 0%, var(--background-tertiary) 100%);
  border-inline-start: 5px solid var(--primary);
}

#i0og0u30 .ujvhtyd2w {
  margin-block: 0 0.95rem;
  margin-inline: 0;
  padding-inline-start: 1.15rem;
  color: var(--text-secondary);
  line-height: 1.75;
}

#i0og0u30 .ujvhtyd2w li {
  margin-bottom: 0.4rem;
  padding-inline-start: 0.25rem;
}

#i0og0u30 .ujvhtyd2w li::marker {
  color: var(--warning-color);
  font-weight: 800;
}

#i0og0u30 .ujt9dve45 {
  margin-block: 0 0.95rem;
  margin-inline: 0;
  padding-block: 0.95rem;
  padding-inline: 1.05rem;
  background: linear-gradient(105deg, var(--warning-bg) 0%, var(--primary-bg) 100%);
  border: 3px solid var(--warning-color);
  box-shadow: 0.4rem 0.4rem 0 var(--warning-dark);
}

#i0og0u30 .ujt9dve45 p {
  margin-bottom: 0;
  color: var(--warning-dark);
  font-weight: 800;
}

#i0og0u30 .u6djytcaf {
  margin-top: 0.35rem;
  padding: clamp(1.35rem, 3vw, 2rem);
  background: linear-gradient(120deg, var(--accent) 0%, var(--primary) 55%, var(--warning-color) 100%);
  border: 3px solid var(--primary-bg);
  box-shadow: 0.7rem 0.7rem 0 var(--neutral-1050);
  animation: slashin_k7m2xp9q4w8n3 0.55s ease 0.12s backwards;
}

#i0og0u30 .us5qz0m7a {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#i0og0u30 .u6djytcaf h3 {
  margin: 0 0 0.4rem;
  color: var(--text-light);
  font-weight: 800;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

#i0og0u30 .u6djytcaf p {
  margin: 0;
  color: var(--text-light);
  font-size: 0.95rem;
  opacity: 0.95;
}

#i0og0u30 .u6djytcaf .btn-primary {
  --bs-btn-bg: var(--neutral-1050);
  --bs-btn-border-color: var(--neutral-1050);
  --bs-btn-color: var(--text-light);
  --bs-btn-hover-bg: var(--neutral-950);
  --bs-btn-hover-border-color: var(--neutral-950);
  font-weight: 800;
  border-radius: 0;
  padding-block: 0.7rem;
  padding-inline: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  align-self: flex-start;
  box-shadow: 0.35rem 0.35rem 0 var(--secondary-bg);
}

#i0og0u30 .uom4zygxy:nth-child(1) {
  animation-delay: 0.04s;
}

#i0og0u30 .uom4zygxy:nth-child(2) {
  animation-delay: 0.08s;
}

#i0og0u30 .uom4zygxy:nth-child(3) {
  animation-delay: 0.12s;
}

#i0og0u30 .uom4zygxy:nth-child(4) {
  animation-delay: 0.16s;
}

#i0og0u30 .uom4zygxy:nth-child(5) {
  animation-delay: 0.2s;
}

#i0og0u30 .uom4zygxy:nth-child(6) {
  animation-delay: 0.24s;
}

#i0og0u30 .uom4zygxy:nth-child(7) {
  animation-delay: 0.28s;
}

@media (min-width: 768px) {
  #i0og0u30 .uq6ogg0cx {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #i0og0u30 .u5jzyx9lu {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #i0og0u30 .us5qz0m7a {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

@media (min-width: 992px) {
  #i0og0u30 .up52jk5au {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    align-items: stretch;
  }

  #i0og0u30 .u5jzyx9lu {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #i0og0u30 .uq6ogg0cx {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  #i0og0u30 .u5jzyx9lu {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

[dir="rtl"] #i0og0u30 .u7hymum2a {
  transform-origin: right center;
}

[dir="rtl"] #i0og0u30 .upp756h58 {
  transform: rotate(-18deg) scaleX(-1);
}

[dir="rtl"] #i0og0u30 .u8euwr5sb {
  transform: rotate(12deg) scaleX(-1);
}