/* Auto-segmented: hero.css */

.hero {
  min-height: 100svh;
    background: radial-gradient(1200px 600px at 10% 10%, rgba(88,198,255,.12), transparent 55%),
      radial-gradient(900px 500px at 90% 20%, rgba(139,92,246,.12), transparent 55%),
      radial-gradient(1000px 500px at 50% 80%, rgba(244,114,182,.12), transparent 55%),
      linear-gradient(135deg, #0b0e1a 0%, #0d1230 100%);
    position: relative;
    overflow: hidden;
}

.hero-content {
  display: grid;
    gap: 28px;
    align-content: center;
    justify-items: center;
    text-align: center;
}

.hero-bottom {
  display: block;
    padding-bottom: clamp(36px, 9vh, 64px);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.hero-bottom {
  position: relative;
    padding-top: 18px;
}

.hero-content {
  width: 100%;
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
    align-self: center !important;
    justify-self: center !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}

.hero-content > * {
  justify-self: center !important;
}

.hero-bottom {
  align-self: end !important;
    width: 100%;
    justify-self: center !important;
}