@keyframes termsflare_k8m2qxp4vn7h {
  0%,
  100% {
    opacity: 0.55;
    transform: scale(1);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.1);
  }
}

@keyframes termsslide_r3w9jd6cty1p {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

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

#m8b3670087 {
  position: relative;
  overflow: hidden;
  color: var(--text-primary);
  background: linear-gradient(
    165deg,
    color-mix(in srgb, var(--warning-bg) 35%, var(--background-primary)) 0%,
    var(--background-primary) 28%,
    color-mix(in srgb, var(--info-bg) 22%, var(--background-primary)) 62%,
    color-mix(in srgb, var(--secondary-bg) 18%, var(--background-primary)) 100%
  );
  padding-block: clamp(2.5rem, 6vw, 4.75rem) clamp(3rem, 8vw, 5.5rem);
  padding-inline: 0;
}

#m8b3670087 .v8d4d68d355 {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(60px);
  z-index: 0;
}

#m8b3670087 .vb07e899308 {
  inset-block-start: -8%;
  inset-inline-start: -12%;
  width: min(55vw, 420px);
  aspect-ratio: 1;
  background: color-mix(in srgb, var(--warning-color) 45%, transparent);
  animation: termsflare_k8m2qxp4vn7h 9s ease-in-out infinite;
}

#m8b3670087 .v871097beb3 {
  inset-block-start: 18%;
  inset-inline-end: -10%;
  width: min(48vw, 360px);
  aspect-ratio: 1;
  background: color-mix(in srgb, var(--info-color) 40%, transparent);
  animation: termsflare_k8m2qxp4vn7h 11s ease-in-out infinite reverse;
}

#m8b3670087 .vb1d41b46e4 {
  inset-block-end: 8%;
  inset-inline-start: 30%;
  width: min(40vw, 300px);
  aspect-ratio: 1;
  background: color-mix(in srgb, var(--secondary) 30%, transparent);
  animation: termsflare_k8m2qxp4vn7h 13s ease-in-out infinite;
}

#m8b3670087 .v23bff02b51 {
  position: relative;
  z-index: 1;
}

#m8b3670087 .v62e2b8c102 {
  position: relative;
  margin-bottom: clamp(2rem, 5vw, 3.25rem);
  padding: 2px;
  border-radius: 1.75rem;
  background: linear-gradient(
    125deg,
    var(--warning-color),
    var(--danger-color),
    var(--accent),
    var(--info-color),
    var(--secondary)
  );
  background-size: 220% 220%;
  animation: termsshimmer_b7n4hs2xq8lm 8s linear infinite alternate;
}

#m8b3670087 .v85e963e2cf {
  position: relative;
  overflow: hidden;
  border-radius: calc(1.75rem - 2px);
  background: linear-gradient(
    145deg,
    var(--neutral-1050) 0%,
    var(--primary-dark) 48%,
    var(--accent-dark) 100%
  );
  padding-block: clamp(2rem, 5vw, 3.5rem);
  padding-inline: clamp(1.35rem, 4vw, 3rem);
}

#m8b3670087 .v85e963e2cf::before {
  content: '';
  position: absolute;
  inset-block-start: -20%;
  inset-inline-end: -8%;
  width: min(50%, 280px);
  aspect-ratio: 1;
  border-radius: 40% 60% 55% 45%;
  background: linear-gradient(
    200deg,
    color-mix(in srgb, var(--warning-color) 55%, transparent),
    color-mix(in srgb, var(--danger-light) 30%, transparent)
  );
  opacity: 0.55;
  filter: blur(28px);
  pointer-events: none;
  animation: termsslide_r3w9jd6cty1p 6s ease-in-out infinite;
}

#m8b3670087 .v85e963e2cf::after {
  content: '';
  position: absolute;
  inset-block-end: -25%;
  inset-inline-start: -5%;
  width: min(45%, 240px);
  aspect-ratio: 1;
  border-radius: 60% 40% 45% 55%;
  background: linear-gradient(
    30deg,
    color-mix(in srgb, var(--info-color) 50%, transparent),
    color-mix(in srgb, var(--secondary-light) 35%, transparent)
  );
  opacity: 0.45;
  filter: blur(32px);
  pointer-events: none;
}

#m8b3670087 .vf074582e9a {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
  align-items: end;
}

@media (min-width: 768px) {
  #m8b3670087 .vf074582e9a {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.85fr);
    gap: 2.5rem;
  }
}

#m8b3670087 .vf575c20bcb {
  display: inline-block;
  max-width: 100%;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--neutral-1050);
  background: linear-gradient(90deg, var(--warning-color), var(--warning-bg));
  padding-block: 0.45rem;
  padding-inline: 1rem;
  border-radius: 0.35rem;
  margin-bottom: 1.25rem;
  white-space: normal;
  transform: rotate(-1.5deg);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--warning-color) 40%, transparent);
}

#m8b3670087 .v62e2b8c102 h1 {
  font-size: clamp(2rem, 5.5vw, 3.35rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.04em;
  margin-bottom: 1.15rem;
  color: var(--text-light);
  text-shadow: 0 4px 0 color-mix(in srgb, var(--danger-dark) 55%, transparent);
}

#m8b3670087 .v5c822800d9 {
  font-size: 1.05rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--neutral-150) 88%, var(--text-light));
  margin-bottom: 0;
  max-width: 36rem;
}

#m8b3670087 .v132c33b471 {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  padding-block: 1.5rem;
  padding-inline: 1.35rem;
  border-radius: 1.15rem;
  background: color-mix(in srgb, var(--background-tertiary) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--info-bg) 45%, transparent);
  backdrop-filter: blur(8px);
  animation: termsslide_r3w9jd6cty1p 7s ease-in-out infinite;
}

#m8b3670087 .vfb830a0494 {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--info-bg);
}

#m8b3670087 .v181c7d8822 {
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.35;
  color: var(--text-light);
}

#m8b3670087 .v85235e4134 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.15rem;
}

@media (min-width: 992px) {
  #m8b3670087 .v85235e4134 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.35rem 1.5rem;
  }
}

#m8b3670087 .v3b35a6a907 {
  position: relative;
  background: var(--background-tertiary);
  border-radius: 1.25rem;
  padding-block: 1.65rem 1.5rem;
  padding-inline: 1.4rem 1.35rem;
  border: 1px solid color-mix(in srgb, var(--neutral-250) 70%, var(--warning-light));
  box-shadow:
    0 10px 0 color-mix(in srgb, var(--primary) 18%, transparent),
    0 18px 40px color-mix(in srgb, var(--neutral-950) 8%, transparent);
  overflow: hidden;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease;
}

#m8b3670087 .v3b35a6a907::before {
  content: '';
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: 7px;
  background: linear-gradient(180deg, var(--warning-color), var(--danger-color));
}

#m8b3670087 .v3b35a6a907:nth-child(4n + 2)::before {
  background: linear-gradient(180deg, var(--info-color), var(--accent));
}

#m8b3670087 .v3b35a6a907:nth-child(4n + 3)::before {
  background: linear-gradient(180deg, var(--secondary), var(--success-light));
}

#m8b3670087 .v3b35a6a907:nth-child(4n)::before {
  background: linear-gradient(180deg, var(--danger-color), var(--warning-bg));
}

#m8b3670087 .v3b35a6a907:hover {
  transform: translateY(-5px) rotate(-0.4deg);
  box-shadow:
    0 14px 0 color-mix(in srgb, var(--accent) 22%, transparent),
    0 28px 50px color-mix(in srgb, var(--neutral-950) 12%, transparent);
}

@media (min-width: 992px) {
  #m8b3670087 .v3b35a6a907:nth-child(even) {
    margin-block-start: 1.35rem;
  }
}

#m8b3670087 .v3b35a6a907 h2 {
  font-size: 1.12rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: var(--text-primary);
  margin: 0 0 1rem;
  padding-block-end: 0.85rem;
  border-block-end: 2px solid transparent;
  border-image: linear-gradient(90deg, var(--warning-color), var(--info-color), transparent) 1;
}

#m8b3670087 .v3b35a6a907:nth-child(4n + 2) h2 {
  border-image: linear-gradient(90deg, var(--info-color), var(--accent), transparent) 1;
}

#m8b3670087 .v3b35a6a907:nth-child(4n + 3) h2 {
  border-image: linear-gradient(90deg, var(--secondary), var(--success-bg), transparent) 1;
}

#m8b3670087 .v3b35a6a907:nth-child(4n) h2 {
  border-image: linear-gradient(90deg, var(--danger-color), var(--warning-light), transparent) 1;
}

#m8b3670087 .v3b35a6a907 p {
  font-size: 0.92rem;
  line-height: 1.72;
  color: var(--text-secondary);
  margin-bottom: 0.65rem;
}

#m8b3670087 .v3b35a6a907 p:last-child {
  margin-bottom: 0;
}

#m8b3670087 .v3b35a6a907 ul {
  list-style: none;
  padding-inline-start: 0;
  margin: 0;
}

#m8b3670087 .v3b35a6a907 ul li {
  position: relative;
  font-size: 0.92rem;
  line-height: 1.68;
  color: var(--text-secondary);
  margin-bottom: 0.55rem;
  padding-inline-start: 1.35rem;
}

#m8b3670087 .v3b35a6a907 ul li:last-child {
  margin-bottom: 0;
}

#m8b3670087 .v3b35a6a907 ul li::before {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0.5em;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 0.1rem;
  background: var(--warning-color);
  transform: rotate(45deg);
}

#m8b3670087 .v3b35a6a907:nth-child(4n + 2) ul li::before {
  background: var(--info-color);
}

#m8b3670087 .v3b35a6a907:nth-child(4n + 3) ul li::before {
  background: var(--secondary);
}

#m8b3670087 .v3b35a6a907:nth-child(4n) ul li::before {
  background: var(--danger-color);
}

#m8b3670087 .vb591683ba0 {
  margin-block-start: clamp(1.75rem, 4vw, 2.75rem);
  position: relative;
  padding: 3px;
  border-radius: 1.5rem;
  background: linear-gradient(
    110deg,
    var(--danger-color),
    var(--warning-color),
    var(--info-color),
    var(--secondary)
  );
  background-size: 200% 200%;
  animation: termsshimmer_b7n4hs2xq8lm 7s linear infinite alternate;
}

#m8b3670087 .vecb142671a {
  border-radius: calc(1.5rem - 3px);
  background: linear-gradient(
    135deg,
    var(--neutral-1050) 0%,
    var(--neutral-950) 55%,
    var(--primary-dark) 100%
  );
  padding-block: clamp(1.75rem, 4vw, 2.5rem);
  padding-inline: clamp(1.25rem, 3.5vw, 2.25rem);
}

#m8b3670087 .vecb142671a h2 {
  font-size: clamp(1.25rem, 3vw, 1.65rem);
  font-weight: 900;
  letter-spacing: -0.03em;
  color: var(--text-light);
  margin: 0 0 1.5rem;
  text-align: center;
}

#m8b3670087 .v7fd476cbe1 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

@media (min-width: 768px) {
  #m8b3670087 .v7fd476cbe1 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.15rem;
  }
}

#m8b3670087 .va71664b2ac {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.75rem;
  padding-block: 1.35rem;
  padding-inline: 1rem;
  border-radius: 1rem;
  background: color-mix(in srgb, var(--background-tertiary) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--warning-light) 40%, transparent);
  color: color-mix(in srgb, var(--neutral-150) 90%, var(--text-light));
  font-size: 0.9rem;
  line-height: 1.5;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease;
}

#m8b3670087 .va71664b2ac:hover {
  transform: translateY(-4px);
  background: color-mix(in srgb, var(--warning-color) 18%, transparent);
  border-color: var(--warning-color);
}

#m8b3670087 .va71664b2ac:nth-child(2):hover {
  background: color-mix(in srgb, var(--info-color) 18%, transparent);
  border-color: var(--info-color);
}

#m8b3670087 .va71664b2ac:nth-child(3):hover {
  background: color-mix(in srgb, var(--secondary) 18%, transparent);
  border-color: var(--secondary-light);
}

#m8b3670087 .v4b459a6dd1 {
  width: 3.1rem;
  height: 3.1rem;
  border-radius: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  color: var(--neutral-1050);
  background: linear-gradient(145deg, var(--warning-color), var(--warning-bg));
  box-shadow: 0 8px 20px color-mix(in srgb, var(--warning-color) 35%, transparent);
  transform: rotate(-6deg);
}

#m8b3670087 .va71664b2ac:nth-child(2) .v4b459a6dd1 {
  background: linear-gradient(145deg, var(--info-dark), var(--info-bg));
  box-shadow: 0 8px 20px color-mix(in srgb, var(--info-color) 35%, transparent);
  transform: rotate(5deg);
}

#m8b3670087 .va71664b2ac:nth-child(3) .v4b459a6dd1 {
  background: linear-gradient(145deg, var(--secondary-dark), var(--secondary-bg));
  box-shadow: 0 8px 20px color-mix(in srgb, var(--secondary) 35%, transparent);
  transform: rotate(-4deg);
}

@media (prefers-reduced-motion: reduce) {
  #m8b3670087 .vb07e899308,
  #m8b3670087 .v871097beb3,
  #m8b3670087 .vb1d41b46e4,
  #m8b3670087 .v62e2b8c102,
  #m8b3670087 .v85e963e2cf::before,
  #m8b3670087 .v132c33b471,
  #m8b3670087 .vb591683ba0 {
    animation: none;
  }
}
