:root {
  --page-bg: #e9edf3;
  --card-bg: #f4f4f5;
  --card-border: #dee2ea;
  --text: #131a2d;
  --muted: #6c7488;
  --purple: #7a42ff;
  --pink: #ff4f9b;
  --orange: #ff8a62;
  --peach: #efc692;
  --green: #a3e6b4;
  --navy: #111d35;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--page-bg);
  color: var(--text);
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }

.page-shell {
  width: min(1080px, calc(100% - 32px));
  margin: 0 auto;
  padding: 28px 0 44px;
}

.site-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
}

.brand-mark {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  filter: drop-shadow(0 8px 14px rgba(122, 66, 255, .22));
}

.brand-mark img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  border-radius: 10px;
  background: transparent;
}

.brand-text {
  font-size: 19px;
  letter-spacing: .02em;
}

.login-btn {
  min-width: 118px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--purple);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.hero {
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  gap: 20px;
  min-height: 428px;
  padding: 50px 48px 22px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 72% 30%, rgba(255, 214, 140, .22) 0%, rgba(255, 214, 140, 0) 22%),
    radial-gradient(circle at 84% 74%, rgba(246, 232, 205, .20) 0%, rgba(246, 232, 205, 0) 24%),
    linear-gradient(106deg, #49586b 0%, #6e645d 44%, #d7c19b 100%);
  overflow: hidden;
}

.hero-copy {
  align-self: center;
  max-width: 430px;
}

.hero h1 {
  margin: 0 0 18px;
  color: #fff;
  font-size: clamp(32px, 3.6vw, 52px);
  line-height: 1.06;
  font-weight: 700;
  letter-spacing: -.05em;
}

.hero-text {
  margin: 0 0 26px;
  color: rgba(255,255,255,.94);
  font-size: 18px;
  line-height: 1.46;
}

.hero-actions { margin-bottom: 112px; }

.hero-btn {
  width: min(356px, 100%);
  height: 52px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #22252d;
  font-weight: 600;
}

.hero-note {
  margin: 0;
  color: rgba(255,255,255,.82);
  font-size: 12px;
}

.hero-art {
  position: relative;
  min-height: 330px;
}

.hero-img {
  position: absolute;
  user-select: none;
  pointer-events: none;
  filter: drop-shadow(0 18px 24px rgba(57, 36, 86, .18));
}

.hero-gold {
  width: 176px;
  right: 110px;
  top: 114px;
  transform: rotate(9deg);
}
.hero-wood {
  width: 140px;
  right: 22px;
  top: 70px;
  transform: rotate(10deg);
}
.hero-silver {
  width: 122px;
  right: 255px;
  top: 122px;
  transform: rotate(-12deg);
}
.hero-heart {
  width: 78px;
  right: 54px;
  top: 26px;
}
.hero-tnt {
  width: 82px;
  right: 290px;
  top: 30px;
  transform: rotate(-18deg);
}

.cards-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}

.info-card,
.summary-block,
.accordion-item,
.states-section {
  border-radius: 20px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
}

.info-card {
  min-height: 232px;
  padding: 24px 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.info-card h2,
.summary-header h2,
.states-title {
  margin: 0 0 10px;
  font-size: clamp(24px, 2.15vw, 28px);
  line-height: 1.12;
  letter-spacing: -.04em;
}

.info-card p,
.summary-header p,
.accordion-content,
.bottom-note,
.site-footer,
.state-card-lg p {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.52;
}

.accent-card {
  background: linear-gradient(180deg, #f4f4f5 0%, #ece4ff 100%);
}

.mini-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 14px;
  color: var(--purple);
  font-weight: 700;
}

.summary-block {
  margin-top: 18px;
  padding: 26px 24px;
}

.summary-header {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: end;
  margin-bottom: 18px;
}

.summary-header p { max-width: 430px; margin: 0; }

.mini-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.mini-item {
  padding: 18px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid var(--card-border);
}

.mini-item strong {
  display: block;
  margin-bottom: 6px;
  color: var(--text);
  font-size: 18px;
}

.mini-item span {
  display: block;
  color: var(--muted);
  font-size: 14px;
}

.states-section {
  margin-top: 18px;
  padding: 24px;
}

.section-tag {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  margin-bottom: 12px;
  border-radius: 999px;
  background: #edf0f5;
  color: #7a8093;
  font-size: 13px;
  font-weight: 700;
}

.states-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.state-card-lg {
  min-height: 348px;
  padding: 18px;
  border-radius: 18px;
  background: #f7f7f8;
  border: 1px solid var(--card-border);
}

.state-card-lg h3 {
  margin: 16px 0 8px;
  font-size: 19px;
  line-height: 1.18;
  letter-spacing: -.03em;
}

.state-card-lg p {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}

.state-visual {
  position: relative;
  height: 154px;
  border-radius: 18px;
  background: #fcfcfd;
  border: 1px solid var(--card-border);
  display: flex;
  align-items: center;
  justify-content: center;
}

.state-visual img {
  width: 104px;
}

.state-art-img {
  width: 118px !important;
}

.buy-badge,
.num-badge {
  position: absolute;
  right: 16px;
  bottom: 12px;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 800;
}

.buy-badge {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  background: var(--navy);
  color: #fff;
}

.num-badge.dark {
  background: var(--navy);
  color: #fff;
}

.num-badge.light {
  background: #fff;
  color: var(--text);
  border: 1px solid var(--card-border);
  min-height: 30px;
  font-size: 12px;
}

.active-own {
  border: 2px solid #2a3145;
}

.active-immune {
  border: 2px solid var(--green);
}

.blown-state {
  overflow: hidden;
}

.blown-bg {
  width: 100px !important;
  opacity: .28;
}

.blown-icon {
  position: absolute;
  right: 118px;
  top: 18px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #ff4d4d;
  color: #fff;
  font-size: 42px;
  font-weight: 700;
  line-height: 1;
}

.accordion-list {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.accordion-item {
  overflow: hidden;
}

.accordion-item summary {
  list-style: none;
  cursor: pointer;
  padding: 18px 22px;
  font-size: 18px;
  font-weight: 700;
  color: var(--text);
  position: relative;
}

.accordion-item summary::-webkit-details-marker { display: none; }
.accordion-item summary::after {
  content: '+';
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--muted);
  font-size: 24px;
  font-weight: 400;
}
.accordion-item[open] summary::after { content: '−'; }

.accordion-content {
  padding: 0 22px 20px;
}

.accordion-content ul {
  margin: 0;
  padding-left: 18px;
}

.accordion-content li + li { margin-top: 10px; }

.reward-compact {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.reward-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid var(--card-border);
}

.reward-item img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  flex: 0 0 auto;
}

.reward-item b { display: block; color: var(--text); margin-bottom: 4px; }
.reward-item span { color: var(--muted); font-size: 14px; }

.legal-copy p { margin: 0; color: var(--muted); }
.legal-copy p + p { margin-top: 12px; }

.bottom-note {
  margin: 18px 0 26px;
}
.bottom-note a { color: #5478ff; }

.site-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-top: 8px;
}

.socials,
.footer-meta {
  display: flex;
  gap: 18px;
  align-items: center;
}

@media (max-width: 980px) {
  .hero,
  .cards-row,
  .mini-grid,
  .states-grid {
    grid-template-columns: 1fr 1fr;
  }

  .hero {
    padding: 38px 30px 24px;
    min-height: 380px;
  }

  .hero-copy {
    max-width: none;
  }

  .summary-header {
    display: block;
  }

  .summary-header p {
    max-width: none;
    margin-top: 8px;
  }
}

@media (max-width: 720px) {
  .page-shell {
    width: min(100% - 16px, 1080px);
    padding-top: 16px;
  }

  .hero,
  .cards-row,
  .mini-grid,
  .states-grid,
  .reward-compact,
  .site-footer {
    grid-template-columns: 1fr;
  }

  .hero {
    display: block;
    min-height: auto;
  }

  .hero-actions {
    margin-bottom: 28px;
  }

  .hero-art {
    min-height: 260px;
    margin-top: 18px;
  }

  .hero-gold { width: 150px; right: 90px; top: 80px; }
  .hero-wood { width: 116px; right: 12px; top: 54px; }
  .hero-silver { width: 102px; right: 220px; top: 90px; }
  .hero-heart { width: 64px; right: 44px; top: 12px; }
  .hero-tnt { width: 70px; right: 232px; top: 12px; }

  .site-footer {
    display: grid;
    justify-content: start;
  }

  .socials,
  .footer-meta {
    flex-wrap: wrap;
  }
}

.legal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.legal-grid div {
  padding: 14px 16px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid var(--card-border);
}

.legal-grid b {
  display: block;
  margin-bottom: 6px;
  color: var(--text);
}

.legal-grid span {
  display: block;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.48;
}

.legal-small {
  margin-top: 12px !important;
  padding: 14px 16px;
  border-radius: 14px;
  background: #f9fafc;
  border: 1px solid var(--card-border);
}

@media (max-width: 720px) {
  .legal-grid {
    grid-template-columns: 1fr;
  }
}

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

#legal[open] .accordion-content {
  padding-bottom: 22px;
}

@media (min-width: 981px) {
  .legal-grid div:first-child {
    grid-column: span 2;
  }
}

.countdown {
  width: min(356px, 100%);
  margin: 0 0 28px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(255, 255, 255, .18);
  border: 1px solid rgba(255, 255, 255, .32);
  backdrop-filter: blur(10px);
}

.countdown-title {
  margin: 0 0 10px;
  color: rgba(255,255,255,.86);
  font-size: 12px;
  font-weight: 700;
}

.countdown-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.countdown-grid div {
  min-height: 62px;
  border-radius: 16px;
  background: rgba(255,255,255,.92);
  display: grid;
  place-items: center;
  align-content: center;
}

.countdown-grid strong {
  color: var(--text);
  font-size: 22px;
  line-height: 1;
  letter-spacing: -.04em;
}

.countdown-grid span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
}

@media (max-width: 720px) {
  .countdown {
    margin-bottom: 24px;
  }
}

.games-section {
  margin-top: 18px;
  padding: 24px;
  border-radius: 20px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
}

.games-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 22px;
  margin-bottom: 16px;
}

.games-head p {
  max-width: 640px;
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.52;
}

.games-support,
.inline-support-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  background: var(--navy);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
}

.games-list {
  display: grid;
  gap: 10px;
}

.game-empty,
.game-row {
  display: grid;
  grid-template-columns: 160px 1fr 1.5fr;
  gap: 14px;
  align-items: center;
  min-height: 58px;
  padding: 14px 16px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid var(--card-border);
}

.game-empty {
  grid-template-columns: 160px 1fr;
  background: #f9fafc;
}

.game-empty strong,
.game-row b {
  color: var(--text);
}

.game-empty span,
.game-row span,
.game-row em {
  color: var(--muted);
  font-style: normal;
  font-size: 14px;
}

.muted-row {
  opacity: .86;
}

.inline-support-btn {
  margin-top: 12px;
  min-height: 38px;
  padding: 0 16px;
}

@media (min-width: 981px) {
  .mini-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .games-head {
    display: grid;
    align-items: start;
  }

  .game-empty,
  .game-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .games-support {
    width: 100%;
  }
}

.launch-section {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 18px;
  margin-top: 22px;
  padding: 24px;
  border-radius: 20px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
}

.launch-copy h2 {
  margin: 0 0 10px;
  font-size: clamp(26px, 2.5vw, 34px);
  line-height: 1.08;
  letter-spacing: -.045em;
}

.launch-copy p {
  max-width: 580px;
  margin: 0 0 18px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.52;
}

.start-game-btn {
  min-width: 190px;
  height: 48px;
  border: 0;
  border-radius: 999px;
  background: #d7dce6;
  color: #808798;
  font: inherit;
  font-weight: 800;
  cursor: not-allowed;
}

.launch-note {
  display: block;
  margin-top: 10px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.countdown-panel {
  align-self: stretch;
  padding: 16px;
  border-radius: 18px;
  background: linear-gradient(135deg, #141d34, #273151);
  border: 1px solid rgba(255,255,255,.16);
}

.countdown-panel .countdown-title {
  margin: 0 0 12px;
  color: rgba(255,255,255,.82);
  font-size: 13px;
  font-weight: 800;
}

.countdown-panel .countdown-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.countdown-panel .countdown-grid div {
  min-height: 76px;
  border-radius: 16px;
  background: rgba(255,255,255,.94);
  display: grid;
  place-items: center;
  align-content: center;
}

.countdown-panel .countdown-grid strong {
  color: var(--text);
  font-size: 26px;
  line-height: 1;
  letter-spacing: -.05em;
}

.countdown-panel .countdown-grid span {
  margin-top: 5px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
}

@media (max-width: 720px) {
  .launch-section {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .countdown-panel .countdown-grid {
    gap: 6px;
  }

  .countdown-panel .countdown-grid div {
    min-height: 66px;
  }

  .countdown-panel .countdown-grid strong {
    font-size: 22px;
  }
}


.hero-art {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.hero-countdown {
  position: relative;
  z-index: 3;
  width: min(430px, 100%);
  margin: auto auto 4px;
  align-self: center;
  box-shadow: 0 18px 34px rgba(26, 22, 41, .18);
}

.launch-link-only {
  grid-template-columns: 1fr;
}

.launch-link-only .launch-copy {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px 22px;
  align-items: end;
}

.launch-link-only .launch-copy .section-tag,
.launch-link-only .launch-copy h2,
.launch-link-only .launch-copy p,
.launch-link-only .launch-note {
  grid-column: 1;
}

.launch-link-only .start-game-btn {
  grid-column: 2;
  grid-row: 2 / span 2;
  align-self: center;
}

@media (max-width: 980px) {
  .hero-countdown {
    margin-top: 240px;
    margin-bottom: 0;
  }
}

@media (max-width: 720px) {
  .hero-art {
    min-height: 390px;
  }

  .hero-countdown {
    margin-top: 230px;
    width: 100%;
  }

  .launch-link-only .launch-copy {
    grid-template-columns: 1fr;
  }

  .launch-link-only .start-game-btn {
    grid-column: 1;
    grid-row: auto;
    width: 100%;
  }
}


.hero-art .countdown.hero-countdown {
  position: relative;
  z-index: 5;
  width: min(356px, 100%);
  margin: auto auto 0;
  align-self: center;
  padding: 12px;
  border-radius: 22px;
  background: rgba(255, 255, 255, .18);
  border: 1px solid rgba(255, 255, 255, .32);
  backdrop-filter: blur(10px);
  box-shadow: none;
}

.hero-art .countdown.hero-countdown .countdown-title {
  margin: 0 0 10px;
  color: rgba(255,255,255,.86);
  font-size: 12px;
  font-weight: 700;
}

.hero-art .countdown.hero-countdown .countdown-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.hero-art .countdown.hero-countdown .countdown-grid div {
  min-height: 62px;
  border-radius: 16px;
  background: rgba(255,255,255,.92);
  display: grid;
  place-items: center;
  align-content: center;
}

.hero-art .countdown.hero-countdown .countdown-grid strong {
  color: var(--text);
  font-size: 22px;
  line-height: 1;
  letter-spacing: -.04em;
}

.hero-art .countdown.hero-countdown .countdown-grid span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
}


.hero-countdown.countdown-panel {
  background: transparent;
  border: 0;
}

@media (max-width: 980px) {
  .hero-art .countdown.hero-countdown {
    margin-top: 238px;
  }
}

@media (max-width: 720px) {
  .hero-art .countdown.hero-countdown {
    margin-top: 230px;
    width: 100%;
  }
}


.countdown:not(.hero-countdown),
.countdown-panel:not(.hero-countdown) {
  display: none !important;
}

.hero-art .countdown.hero-countdown {
  display: block !important;
  position: relative;
  z-index: 5;
  width: min(356px, 100%);
  margin: auto auto 0;
  align-self: center;
  padding: 12px;
  border-radius: 22px;
  background: rgba(255, 255, 255, .18);
  border: 1px solid rgba(255, 255, 255, .32);
  backdrop-filter: blur(10px);
  box-shadow: none;
}

.hero-art .countdown.hero-countdown .countdown-title {
  margin: 0 0 10px;
  color: rgba(255,255,255,.86);
  font-size: 12px;
  font-weight: 700;
}

.hero-art .countdown.hero-countdown .countdown-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.hero-art .countdown.hero-countdown .countdown-grid div {
  min-height: 62px;
  border-radius: 16px;
  background: rgba(255,255,255,.92);
  display: grid;
  place-items: center;
  align-content: center;
}

.hero-art .countdown.hero-countdown .countdown-grid strong {
  color: var(--text);
  font-size: 22px;
  line-height: 1;
  letter-spacing: -.04em;
}

.hero-art .countdown.hero-countdown .countdown-grid span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
}


.brand {
  gap: 9px;
}

.brand-mark {
  width: 38px !important;
  height: 38px !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0 8px 12px rgba(115, 77, 32, .18)) !important;
}

.brand-mark img {
  width: 38px !important;
  height: 38px !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.hero {
  min-height: 470px;
  padding-bottom: 28px;
}

.hero-art {
  position: relative !important;
  display: block !important;
  min-height: 386px !important;
}

.hero-gold {
  width: 205px !important;
  right: 112px !important;
  top: 74px !important;
  transform: rotate(7deg) !important;
}

.hero-wood {
  width: 145px !important;
  right: 22px !important;
  top: 66px !important;
  transform: rotate(9deg) !important;
}

.hero-silver {
  width: 132px !important;
  right: 290px !important;
  top: 112px !important;
  transform: rotate(-9deg) !important;
}

.hero-heart {
  width: 70px !important;
  right: 70px !important;
  top: 28px !important;
}

.hero-tnt {
  width: 74px !important;
  right: 304px !important;
  top: 32px !important;
  transform: rotate(-15deg) !important;
}

.hero-art .countdown.hero-countdown {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: 6px !important;
  transform: translateX(-50%) !important;
  z-index: 6 !important;
  width: min(372px, 92%) !important;
  margin: 0 !important;
  padding: 10px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.2) !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: 0 16px 28px rgba(84, 37, 54, .10) !important;
}

.hero-art .countdown.hero-countdown .countdown-title {
  margin: 0 0 8px !important;
  color: rgba(255,255,255,.9) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.hero-art .countdown.hero-countdown .countdown-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
}

.hero-art .countdown.hero-countdown .countdown-grid div {
  min-height: 58px !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.94) !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
}

.hero-art .countdown.hero-countdown .countdown-grid strong {
  color: var(--text) !important;
  font-size: 21px !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
}

.hero-art .countdown.hero-countdown .countdown-grid span {
  margin-top: 4px !important;
  color: var(--muted) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

@media (max-width: 980px) {
  .hero-art {
    min-height: 380px !important;
  }

  .hero-art .countdown.hero-countdown {
    bottom: 0 !important;
  }
}

@media (max-width: 720px) {
  .brand-mark,
  .brand-mark img {
    width: 34px !important;
    height: 34px !important;
  }

  .hero-art {
    min-height: 405px !important;
  }

  .hero-gold { width: 170px !important; right: 80px !important; top: 86px !important; }
  .hero-wood { width: 122px !important; right: 10px !important; top: 76px !important; }
  .hero-silver { width: 112px !important; right: 220px !important; top: 120px !important; }
  .hero-heart { width: 60px !important; right: 42px !important; top: 34px !important; }
  .hero-tnt { width: 62px !important; right: 238px !important; top: 42px !important; }

  .hero-art .countdown.hero-countdown {
    width: 100% !important;
    bottom: 8px !important;
  }
}


.login-btn {
  min-width: 118px;
}


.hero {
  box-shadow: 0 16px 34px rgba(45, 47, 61, .08);
}

.hero-btn {
  background: rgba(255,255,255,.95);
}

.hero-note {
  color: rgba(255,255,255,.88);
}

.hero-art .countdown.hero-countdown {
  background: rgba(255, 249, 242, .16);
  border: 1px solid rgba(255,255,255,.34);
}

.hero-art .countdown.hero-countdown .countdown-grid div {
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 6px 18px rgba(62, 55, 53, .06);
}


.brand-domain {
  opacity: .78;
  font-weight: 700;
  margin-left: 2px;
}

.login-btn {
  background: linear-gradient(135deg, #333c4e 0%, #4c5567 100%);
  box-shadow: 0 10px 20px rgba(46, 53, 67, .18);
}

.login-btn:hover {
  transform: translateY(-1px);
}

.hero-btn {
  box-shadow: 0 8px 20px rgba(46, 53, 67, .10);
}

.hero-art {
  min-height: 360px;
}


.hero-art .countdown.hero-countdown {
  position: absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-8%);
  width: 356px;
  margin: 0;
}

.hero-gold {
  top: 108px;
}
.hero-wood {
  top: 64px;
}
.hero-silver {
  top: 116px;
}
.hero-heart {
  top: 20px;
}
.hero-tnt {
  top: 24px;
}

@media (max-width: 980px) {
  .hero-art .countdown.hero-countdown {
    left: auto;
    right: 10px;
    transform: none;
    width: 344px;
  }
}

@media (max-width: 720px) {
  .brand-domain {
    display: inline;
  }

  .hero-art {
    min-height: 405px;
  }

  .hero-art .countdown.hero-countdown {
    left: 0;
    right: 0;
    bottom: 8px;
    transform: none;
    width: 100%;
  }

}


.brand-mark {
  width: 38px !important;
  height: 38px !important;
  border-radius: 0 !important;
  filter: none !important;
}

.brand-mark img {
  width: 38px !important;
  height: 38px !important;
  object-fit: contain !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.brand-text {
  font-size: 19px;
  letter-spacing: .01em;
}

.brand-domain {
  opacity: .62;
  font-weight: 700;
  margin-left: 1px;
}

.login-btn {
  min-width: 126px !important;
  height: 42px !important;
  background: linear-gradient(135deg, #fff9f1 0%, #e8dbc8 100%) !important;
  color: #283042 !important;
  border: 1px solid rgba(101, 87, 68, .16);
  box-shadow: 0 10px 20px rgba(67, 57, 47, .08) !important;
}

.login-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(67, 57, 47, .12) !important;
}

.hero-art {
  min-height: 332px !important;
}

.hero-gold { top: 92px !important; }
.hero-silver { top: 104px !important; }
.hero-wood { top: 48px !important; }
.hero-heart { top: 8px !important; }
.hero-tnt { top: 14px !important; }

.hero-art .countdown.hero-countdown {
  position: absolute !important;
  right: 26px !important;
  left: auto !important;
  top: 256px !important;
  bottom: auto !important;
  transform: none !important;
  width: 346px !important;
  margin: 0 !important;
  padding: 10px !important;
  background: rgba(255, 247, 237, .15) !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  backdrop-filter: blur(10px);
}

.hero-art .countdown.hero-countdown .countdown-grid {
  gap: 7px !important;
}

.hero-art .countdown.hero-countdown .countdown-grid div {
  min-height: 58px !important;
}

.hero-art .countdown.hero-countdown .countdown-grid strong {
  font-size: 21px !important;
}

@media (max-width: 980px) {
  .hero-art {
    min-height: 380px !important;
  }

  .hero-art .countdown.hero-countdown {
    right: 8px !important;
    top: 276px !important;
    width: 336px !important;
  }
}

@media (max-width: 720px) {
  .login-btn {
    min-width: 118px !important;
  }

  .hero-art {
    min-height: 390px !important;
  }

  .hero-art .countdown.hero-countdown {
    right: 0 !important;
    left: 0 !important;
    top: auto !important;
    bottom: 6px !important;
    width: 100% !important;
  }
}


.hero-art .countdown.hero-countdown {
  top: 292px !important;
}

@media (max-width: 980px) {
  .hero-art .countdown.hero-countdown {
    top: 304px !important;
  }
}

@media (max-width: 720px) {
  .hero-art .countdown.hero-countdown {
    top: auto !important;
    bottom: 8px !important;
  }
}


.hero-art {
  min-height: 420px !important;
}

.hero-art .countdown.hero-countdown {
  top: 324px !important;
  right: 18px !important;
  width: 360px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

.hero-art .countdown.hero-countdown .countdown-title {
  margin: 0 0 10px !important;
  padding-left: 2px;
  color: rgba(255,255,255,.92) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.08);
}

.hero-art .countdown.hero-countdown .countdown-grid {
  gap: 10px !important;
}

.hero-art .countdown.hero-countdown .countdown-grid div {
  min-height: 60px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 10px 24px rgba(56, 48, 43, .10) !important;
}

.hero-art .countdown.hero-countdown .countdown-grid strong {
  font-size: 22px !important;
}

@media (max-width: 980px) {
  .hero-art {
    min-height: 446px !important;
  }

  .hero-art .countdown.hero-countdown {
    top: 340px !important;
    right: 4px !important;
    width: 350px !important;
  }
}

@media (max-width: 720px) {
  .hero-art {
    min-height: 405px !important;
  }

  .hero-art .countdown.hero-countdown {
    top: auto !important;
    bottom: 6px !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
  }
}


.delivery-notice {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 18px;
  align-items: center;
  margin-top: 22px;
  padding: 22px 24px;
  border-radius: 20px;
  background: linear-gradient(135deg, #fff8ef 0%, #f4ede4 100%);
  border: 1px solid rgba(160, 135, 92, .18);
  box-shadow: 0 10px 24px rgba(74, 60, 40, .05);
}

.delivery-notice__badge {
  min-height: 64px;
  padding: 0 18px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #2d3545 0%, #48516a 100%);
  color: #fff;
  font-size: 18px;
  font-weight: 800;
}

.delivery-notice__content h2 {
  margin: 0 0 8px;
  color: var(--text);
  font-size: clamp(24px, 2.3vw, 30px);
  line-height: 1.08;
  letter-spacing: -.04em;
}

.delivery-notice__content p {
  margin: 0;
  color: #5f677a;
  font-size: 15px;
  line-height: 1.58;
  max-width: 880px;
}

@media (max-width: 720px) {
  .delivery-notice {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 18px;
  }

  .delivery-notice__badge {
    width: fit-content;
    min-height: 48px;
    padding: 0 16px;
    font-size: 16px;
  }
}


:root {
  --page-bg: #edf1f6;
  --card-bg: #f7f7f8;
  --card-border: #dfe4eb;
}

.site-header {
  margin-bottom: 18px !important;
}

.brand-mark {
  width: 40px !important;
  height: 40px !important;
  border-radius: 0 !important;
  filter: none !important;
}

.brand-mark img {
  width: 40px !important;
  height: 40px !important;
  object-fit: contain !important;
}

.brand-text {
  font-size: 20px !important;
  letter-spacing: .01em !important;
}

.brand-domain {
  opacity: .58 !important;
}

.login-btn {
  min-width: 154px !important;
  height: 42px !important;
  padding: 0 18px !important;
  background: rgba(255,255,255,.84) !important;
  color: #1f293b !important;
  border: 1px solid rgba(105, 113, 128, .16);
  box-shadow: 0 8px 18px rgba(32, 38, 48, .06) !important;
  backdrop-filter: blur(10px);
  font-weight: 700 !important;
}

.hero {
  position: relative;
  grid-template-columns: .96fr 1.04fr !important;
  gap: 26px !important;
  min-height: 370px !important;
  padding: 42px 38px 24px !important;
  background:
    radial-gradient(circle at 70% 26%, rgba(255, 223, 164, .42) 0%, rgba(255, 223, 164, 0) 24%),
    radial-gradient(circle at 84% 68%, rgba(253, 241, 218, .22) 0%, rgba(253, 241, 218, 0) 26%),
    linear-gradient(102deg, #4b5768 0%, #67615b 46%, #d8c4a2 100%) !important;
  box-shadow: 0 18px 40px rgba(53, 57, 70, .08);
}

.hero-copy {
  align-self: start !important;
  max-width: 470px !important;
  padding-top: 6px;
}

.hero h1 {
  margin: 0 0 16px !important;
  font-size: clamp(40px, 4.8vw, 60px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.055em !important;
}

.hero-text {
  margin: 0 0 20px !important;
  max-width: 520px;
  color: rgba(255,255,255,.93) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

.hero-actions {
  margin-bottom: 14px !important;
}

.hero-btn {
  width: min(320px, 100%) !important;
  height: 54px !important;
  background: rgba(255,255,255,.96) !important;
  color: #1f2738 !important;
  border: 1px solid rgba(255,255,255,.34);
  box-shadow: 0 10px 24px rgba(47, 50, 59, .08);
  font-size: 17px;
  font-weight: 700 !important;
}

.hero-note {
  font-size: 13px !important;
  max-width: 380px;
  color: rgba(255,255,255,.82) !important;
}

.hero-art {
  position: relative;
  min-height: 348px !important;
}

.hero-art::after {
  content: '';
  position: absolute;
  right: 112px;
  top: 226px;
  width: 286px;
  height: 44px;
  border-radius: 999px;
  background: rgba(47, 41, 35, .26);
  filter: blur(18px);
}

.hero-img {
  filter: drop-shadow(0 20px 24px rgba(47, 41, 35, .14)) !important;
}

.hero-gold {
  width: 215px !important;
  right: 120px !important;
  top: 88px !important;
  transform: rotate(8deg) !important;
}

.hero-wood {
  width: 156px !important;
  right: 18px !important;
  top: 54px !important;
  transform: rotate(9deg) !important;
}

.hero-silver {
  width: 136px !important;
  right: 282px !important;
  top: 116px !important;
  transform: rotate(-12deg) !important;
}

.hero-heart {
  width: 72px !important;
  right: 72px !important;
  top: 4px !important;
}

.hero-tnt {
  width: 78px !important;
  right: 320px !important;
  top: 10px !important;
  transform: rotate(-16deg) !important;
}

.hero-art .countdown.hero-countdown {
  position: absolute !important;
  left: auto !important;
  right: 26px !important;
  top: 286px !important;
  width: 404px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.hero-art .countdown.hero-countdown .countdown-title {
  margin: 0 0 10px !important;
  padding-left: 2px;
  text-align: center;
  color: rgba(255,255,255,.9) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: -.01em;
}

.hero-art .countdown.hero-countdown .countdown-grid {
  gap: 10px !important;
}

.hero-art .countdown.hero-countdown .countdown-grid div {
  min-height: 64px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 12px 24px rgba(56, 48, 43, .08) !important;
}

.hero-art .countdown.hero-countdown .countdown-grid strong {
  font-size: 21px !important;
}

.delivery-notice {
  margin-top: 18px !important;
}

@media (max-width: 980px) {
  .hero {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    gap: 12px !important;
    padding: 36px 28px 24px !important;
  }

  .hero-copy {
    max-width: none !important;
  }

  .hero-art {
    min-height: 380px !important;
  }

  .hero-art::after {
    right: 70px;
    top: 250px;
  }

  .hero-gold {
    right: 118px !important;
    top: 92px !important;
  }

  .hero-wood {
    right: 30px !important;
    top: 58px !important;
  }

  .hero-silver {
    right: 285px !important;
    top: 118px !important;
  }

  .hero-tnt {
    right: 326px !important;
  }

  .hero-art .countdown.hero-countdown {
    right: 24px !important;
    top: 300px !important;
    width: 390px !important;
  }
}

@media (max-width: 720px) {
  .site-header {
    margin-bottom: 14px !important;
  }

  .login-btn {
    min-width: 134px !important;
    height: 40px !important;
  }

  .hero {
    padding: 28px 18px 20px !important;
    border-radius: 24px !important;
  }

  .hero h1 {
    font-size: 40px !important;
  }

  .hero-text {
    font-size: 15px !important;
  }

  .hero-art {
    min-height: 350px !important;
  }

  .hero-art::after {
    right: 36px;
    top: 230px;
    width: 220px;
  }

  .hero-gold {
    width: 168px !important;
    right: 74px !important;
    top: 86px !important;
  }

  .hero-wood {
    width: 126px !important;
    right: 0 !important;
    top: 58px !important;
  }

  .hero-silver {
    width: 108px !important;
    right: 208px !important;
    top: 122px !important;
  }

  .hero-heart {
    width: 58px !important;
    right: 42px !important;
    top: 8px !important;
  }

  .hero-tnt {
    width: 58px !important;
    right: 236px !important;
    top: 18px !important;
  }

  .hero-art .countdown.hero-countdown {
    left: 0 !important;
    right: 0 !important;
    top: 282px !important;
    width: 100% !important;
  }

  .hero-art .countdown.hero-countdown .countdown-grid {
    gap: 8px !important;
  }

  .hero-art .countdown.hero-countdown .countdown-grid div {
    min-height: 56px !important;
  }
}


.delivery-notice {
  display: grid !important;
  grid-template-columns: 142px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  margin-top: 18px !important;
  padding: 18px 20px !important;
  border-radius: 24px !important;
  background: #f8f8f8 !important;
  border: 1px solid #e5e7ee !important;
  box-shadow: 0 10px 24px rgba(36, 42, 56, .04) !important;
}

.delivery-notice__visual {
  width: 142px;
  height: 142px;
  padding: 10px;
  border-radius: 20px;
  background: #ffffff;
  border: 1px solid #eceff4;
  display: grid;
  place-items: center;
  box-shadow: 0 8px 18px rgba(36, 42, 56, .05);
}

.delivery-notice__visual img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 14px;
}

.delivery-notice__badge {
  display: none !important;
}

.delivery-notice__eyebrow {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #eef2f7;
  color: #5d6578;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
}

.delivery-notice__content h2 {
  margin: 0 0 8px !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.05em;
  color: #131a2d;
}

.delivery-notice__content p {
  margin: 0 !important;
  max-width: 980px;
  color: #667086 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

@media (max-width: 980px) {
  .delivery-notice {
    grid-template-columns: 126px minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  .delivery-notice__visual {
    width: 126px;
    height: 126px;
  }
}

@media (max-width: 720px) {
  .delivery-notice {
    grid-template-columns: 1fr !important;
    padding: 16px !important;
    gap: 14px !important;
  }

  .delivery-notice__visual {
    width: 112px;
    height: 112px;
  }

  .delivery-notice__content h2 {
    font-size: 28px !important;
  }

  .delivery-notice__content p {
    font-size: 15px !important;
  }
}


.hero {
  min-height: 390px !important;
  padding: 40px 38px 26px !important;
}

.hero-copy {
  max-width: 500px !important;
}

.hero h1 {
  margin: 0 0 18px !important;
  font-size: clamp(34px, 4.4vw, 52px) !important;
  line-height: .98 !important;
  letter-spacing: -.05em !important;
}

.hero-text {
  margin: 0 0 24px !important;
  max-width: 500px !important;
  font-size: 15px !important;
  line-height: 1.48 !important;
}

.hero-actions {
  margin-bottom: 18px !important;
}

.hero-btn {
  width: min(300px, 100%) !important;
  height: 52px !important;
  border-radius: 999px !important;
  transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease;
}

.hero-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(47, 50, 59, .11) !important;
}

.hero-note {
  max-width: 350px !important;
}

.hero-art {
  min-height: 364px !important;
}

.hero-art::after {
  right: 104px;
  top: 264px;
  width: 306px;
  height: 46px;
  background: rgba(47, 41, 35, .22);
}

.hero-gold {
  width: 214px !important;
  right: 112px !important;
  top: 122px !important;
}

.hero-silver {
  width: 134px !important;
  right: 290px !important;
  top: 154px !important;
}

.hero-wood {
  width: 154px !important;
  right: 10px !important;
  top: 88px !important;
}

.hero-heart {
  width: 70px !important;
  right: 74px !important;
  top: 36px !important;
}

.hero-tnt {
  width: 76px !important;
  right: 318px !important;
  top: 40px !important;
}

.hero-art .countdown.hero-countdown {
  right: 18px !important;
  top: 248px !important;
  width: 424px !important;
}

.hero-art .countdown.hero-countdown .countdown-title {
  text-align: left !important;
  padding-left: 18px !important;
  margin-bottom: 12px !important;
  font-size: 12px !important;
  opacity: .95;
}

.hero-art .countdown.hero-countdown .countdown-grid {
  gap: 10px !important;
}

.hero-art .countdown.hero-countdown .countdown-grid div {
  min-height: 60px !important;
  border-radius: 16px !important;
}

.hero-art .countdown.hero-countdown .countdown-grid strong {
  font-size: 20px !important;
}


.hero-copy,
.hero-actions,
.hero-note,
.hero-art .countdown.hero-countdown {
  animation: heroFadeUp .72s ease both;
}

.hero-copy { animation-delay: .04s; }
.hero-actions { animation-delay: .12s; }
.hero-note { animation-delay: .16s; }
.hero-art .countdown.hero-countdown { animation-delay: .22s; }

.hero-gold,
.hero-silver,
.hero-wood {
  animation: boxFloat 5.4s ease-in-out infinite;
  transform-origin: center center;
}

.hero-gold { animation-delay: 0s; }
.hero-silver { animation-delay: .6s; }
.hero-wood { animation-delay: 1.1s; }
.hero-heart {
  animation: heartPulse 2.8s ease-in-out infinite;
}
.hero-tnt {
  animation: tntHover 4.6s ease-in-out infinite;
}

@keyframes heroFadeUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes boxFloat {
  0%, 100% {
    transform: translateY(0) rotate(var(--rot, 0deg));
  }
  50% {
    transform: translateY(-8px) rotate(var(--rot, 0deg));
  }
}

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

@keyframes tntHover {
  0%, 100% {
    transform: translateY(0) rotate(-16deg);
  }
  50% {
    transform: translateY(-6px) rotate(-12deg);
  }
}

.hero-gold { --rot: 8deg; }
.hero-silver { --rot: -12deg; }
.hero-wood { --rot: 9deg; }

@media (max-width: 980px) {
  .hero {
    padding: 34px 28px 24px !important;
  }

  .hero h1 {
    font-size: clamp(34px, 6vw, 46px) !important;
  }

  .hero-art {
    min-height: 392px !important;
  }

  .hero-art::after {
    right: 80px;
    top: 282px;
    width: 280px;
  }

  .hero-gold {
    right: 110px !important;
    top: 126px !important;
  }

  .hero-silver {
    right: 278px !important;
    top: 156px !important;
  }

  .hero-wood {
    right: 18px !important;
    top: 92px !important;
  }

  .hero-tnt {
    right: 310px !important;
    top: 48px !important;
  }

  .hero-heart {
    right: 84px !important;
    top: 42px !important;
  }

  .hero-art .countdown.hero-countdown {
    right: 10px !important;
    top: 258px !important;
    width: 404px !important;
  }
}

@media (max-width: 720px) {
  .hero {
    padding: 26px 18px 18px !important;
  }

  .hero h1 {
    font-size: 36px !important;
  }

  .hero-text {
    font-size: 14px !important;
  }

  .hero-art {
    min-height: 360px !important;
  }

  .hero-art::after {
    right: 36px;
    top: 246px;
    width: 220px;
  }

  .hero-gold {
    width: 168px !important;
    right: 72px !important;
    top: 118px !important;
  }

  .hero-wood {
    width: 124px !important;
    right: 0 !important;
    top: 86px !important;
  }

  .hero-silver {
    width: 108px !important;
    right: 200px !important;
    top: 150px !important;
  }

  .hero-heart {
    width: 56px !important;
    right: 42px !important;
    top: 34px !important;
  }

  .hero-tnt {
    width: 56px !important;
    right: 228px !important;
    top: 42px !important;
  }

  .hero-art .countdown.hero-countdown {
    left: 0 !important;
    right: 0 !important;
    top: 268px !important;
    width: 100% !important;
  }

  .hero-art .countdown.hero-countdown .countdown-title {
    padding-left: 4px !important;
  }
}


:root {
  --font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Manrope', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  font-family: var(--font-body) !important;
  line-height: 1.5;
}

.page-shell {
  width: min(1160px, calc(100% - 36px)) !important;
  padding: 24px 0 52px !important;
}

.brand,
.brand-text,
.login-btn,
.hero h1,
.hero-btn,
.section-tag,
.info-card h2,
.summary-header h2,
.states-title,
.delivery-notice__content h2,
.launch-copy h2,
.legal-accordion summary,
.site-footer,

.site-header {
  margin-bottom: 18px !important;
}

.brand {
  gap: 12px !important;
}

.brand-text {
  font-size: 20px !important;
  letter-spacing: 0 !important;
  font-weight: 800 !important;
}

.login-btn {
  min-width: 146px !important;
  height: 42px !important;
  padding: 0 18px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em;
}

.hero {
  grid-template-columns: .98fr 1.02fr !important;
  gap: 28px !important;
  min-height: 404px !important;
  padding: 38px 40px 26px !important;
  border-radius: 30px !important;
}

.hero-copy {
  max-width: 500px !important;
  align-self: start !important;
  padding-top: 2px;
}

.hero h1 {
  max-width: 520px;
  margin: 0 0 14px !important;
  font-size: clamp(30px, 3.7vw, 46px) !important;
  line-height: .97 !important;
  letter-spacing: -.055em !important;
  font-weight: 800 !important;
}

.hero-text {
  max-width: 470px !important;
  margin: 0 0 22px !important;
  font-size: 15px !important;
  line-height: 1.52 !important;
  color: rgba(255,255,255,.9) !important;
}

.hero-actions {
  margin-bottom: 16px !important;
}

.hero-btn {
  width: min(286px, 100%) !important;
  height: 54px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em;
}

.hero-note {
  max-width: 390px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: rgba(255,255,255,.76) !important;
}

.hero-art {
  min-height: 372px !important;
}

.hero-art .countdown.hero-countdown {
  width: 414px !important;
}

.hero-art .countdown.hero-countdown .countdown-title {
  font-family: var(--font-display) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.hero-art .countdown.hero-countdown .countdown-grid strong {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
}

.info-card,
.summary-block,
.delivery-notice,
.launch-section,
.games-section,
.states-section,
.rewards-section,
.legal-section,

.info-card h2,
.summary-header h2,
.states-title,
.launch-copy h2,
.delivery-notice__content h2 {
  letter-spacing: -.04em;
}

.info-card p,
.summary-header p,
.launch-copy p,
.delivery-notice__content p,
.mini-item span,
.state-card p,
.legal-accordion .legal-copy span,
.site-footer,

.cards-row {
  gap: 16px !important;
  margin-top: 18px !important;
}

.info-card {
  padding: 22px !important;
}

.summary-block,
.games-section,
.rewards-section,
.states-section,
.legal-section,
.launch-section,
.delivery-notice {
  margin-top: 18px !important;
}

.section-tag {
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .02em;
}

@media (max-width: 980px) {
  .page-shell {
    width: min(100%, calc(100% - 28px)) !important;
  }

  .hero {
    gap: 16px !important;
    padding: 30px 26px 22px !important;
  }

  .hero h1 {
    font-size: clamp(30px, 6vw, 42px) !important;
    max-width: none;
  }

  .hero-text {
    max-width: none !important;
  }
}

@media (max-width: 720px) {
  .page-shell {
    width: min(100%, calc(100% - 20px)) !important;
    padding: 14px 0 40px !important;
  }

  .site-header {
    gap: 12px !important;
    margin-bottom: 14px !important;
  }

  .brand-text {
    font-size: 18px !important;
  }

  .login-btn {
    min-width: 128px !important;
    height: 40px !important;
  }

  .hero {
    padding: 24px 18px 18px !important;
    gap: 14px !important;
  }

  .hero h1 {
    font-size: 34px !important;
    line-height: .99 !important;
  }

  .hero-text {
    font-size: 14px !important;
    margin-bottom: 18px !important;
  }

  .hero-btn {
    width: 100% !important;
    height: 50px !important;
  }

  .hero-note {
    font-size: 11px !important;
    max-width: none !important;
  }

  .cards-row {
    gap: 12px !important;
  }

  .info-card {
    padding: 18px !important;
  }
}


.hero h1 {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(42px, 5.25vw, 64px) !important;
  line-height: .96 !important;
  letter-spacing: -.065em !important;
  max-width: 600px !important;
  margin-bottom: 18px !important;
}

.hero-copy {
  max-width: 590px !important;
}

.hero-text {
  max-width: 520px !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,.9) !important;
}

.hero-btn {
  width: min(340px, 100%) !important;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight: 800 !important;
}

.hero-note {
  font-weight: 600 !important;
}

.hero {
  grid-template-columns: 1.04fr .96fr !important;
  min-height: 418px !important;
  padding: 42px 42px 28px !important;
}

.hero-art {
  min-height: 372px !important;
}

.hero-gold {
  width: 206px !important;
  right: 116px !important;
  top: 128px !important;
}

.hero-silver {
  width: 132px !important;
  right: 282px !important;
  top: 158px !important;
}

.hero-wood {
  width: 150px !important;
  right: 8px !important;
  top: 96px !important;
}

.hero-tnt {
  width: 74px !important;
  right: 308px !important;
  top: 48px !important;
}

.hero-heart {
  width: 68px !important;
  right: 68px !important;
  top: 44px !important;
}

.hero-art .countdown.hero-countdown {
  right: 10px !important;
  top: 272px !important;
  width: 410px !important;
}

@media (max-width: 980px) {
  .hero h1 {
    font-size: clamp(38px, 7vw, 56px) !important;
    max-width: none !important;
  }

  .hero-copy {
    max-width: none !important;
  }

  .hero-text {
    max-width: 640px !important;
  }

  .hero {
    grid-template-columns: 1fr !important;
  }

  .hero-art .countdown.hero-countdown {
    top: 282px !important;
    right: 8px !important;
  }
}

@media (max-width: 720px) {
  .hero h1 {
    font-size: 38px !important;
    letter-spacing: -.055em !important;
  }

  .hero-text {
    font-size: 14px !important;
    font-weight: 500 !important;
  }

  .hero {
    padding: 26px 18px 20px !important;
  }

  .hero-art .countdown.hero-countdown {
    top: 276px !important;
    width: 100% !important;
  }
}


:root {
  --font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body,
.brand,
.brand-text,
.login-btn,
.hero h1,
.hero-btn,
.section-tag,
.info-card h2,
.summary-header h2,
.states-title,
.delivery-notice__content h2,
.launch-copy h2,
.legal-accordion summary,
.site-footer,
.hero-art .countdown.hero-countdown .countdown-title,
.hero-art .countdown.hero-countdown .countdown-grid strong {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.hero {
  min-height: 432px !important;
  padding: 40px 40px 24px !important;
}

.hero-copy {
  max-width: 540px !important;
}

.hero h1 {
  max-width: 560px !important;
  font-size: clamp(38px, 4.9vw, 58px) !important;
  line-height: .94 !important;
  letter-spacing: -.07em !important;
  font-weight: 800 !important;
  margin: 0 0 16px !important;
}

.hero-text {
  max-width: 500px !important;
  font-size: 16px !important;
  line-height: 1.52 !important;
  font-weight: 500 !important;
}

.hero-btn {
  width: min(310px, 100%) !important;
  font-weight: 700 !important;
}

.hero-art {
  min-height: 388px !important;
}

.hero-gold {
  top: 118px !important;
}

.hero-silver {
  top: 150px !important;
}

.hero-wood {
  top: 86px !important;
}

.hero-heart {
  top: 34px !important;
}

.hero-tnt {
  top: 42px !important;
}

.hero-art::after {
  top: 274px !important;
}

.hero-art .countdown.hero-countdown {
  top: auto !important;
  bottom: 8px !important;
  right: 8px !important;
  left: auto !important;
  width: 420px !important;
}

.hero-art .countdown.hero-countdown .countdown-title {
  text-align: left !important;
  padding-left: 10px !important;
  margin-bottom: 10px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

@media (max-width: 980px) {
  .hero {
    min-height: auto !important;
  }

  .hero h1 {
    font-size: clamp(36px, 6.5vw, 52px) !important;
    max-width: none !important;
  }

  .hero-art {
    min-height: 400px !important;
  }

  .hero-art .countdown.hero-countdown {
    bottom: 8px !important;
    right: 4px !important;
    width: 404px !important;
  }
}

@media (max-width: 720px) {
  .hero {
    padding: 24px 18px 18px !important;
  }

  .hero h1 {
    font-size: 36px !important;
    line-height: .97 !important;
  }

  .hero-text {
    font-size: 14px !important;
  }

  .hero-art {
    min-height: 370px !important;
  }

  .hero-art .countdown.hero-countdown {
    left: 0 !important;
    right: 0 !important;
    bottom: 4px !important;
    width: 100% !important;
  }

  .hero-art .countdown.hero-countdown .countdown-title {
    padding-left: 2px !important;
  }
}


.delivery-notice {
  background: #ffffff !important;
  border: 1px solid #e8ebf1 !important;
  box-shadow: 0 8px 22px rgba(36, 42, 56, .04) !important;
  padding: 16px 18px !important;
  grid-template-columns: 120px minmax(0, 1fr) !important;
  gap: 16px !important;
}

.delivery-notice__visual {
  width: 120px !important;
  height: 120px !important;
  padding: 8px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid #edf0f5 !important;
  box-shadow: none !important;
}

.delivery-notice__eyebrow {
  margin-bottom: 6px !important;
  padding: 6px 10px !important;
  font-size: 11px !important;
}

.delivery-notice__content h2 {
  margin: 0 0 6px !important;
  font-size: clamp(22px, 2.1vw, 32px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.04em !important;
  font-weight: 800 !important;
}

.delivery-notice__content p {
  max-width: 1100px !important;
  font-size: 14px !important;
  line-height: 1.48 !important;
  color: #667085 !important;
}

@media (max-width: 980px) {
  .delivery-notice {
    grid-template-columns: 108px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 15px 16px !important;
  }

  .delivery-notice__visual {
    width: 108px !important;
    height: 108px !important;
  }

  .delivery-notice__content h2 {
    font-size: 28px !important;
  }
}

@media (max-width: 720px) {
  .delivery-notice {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    align-items: start !important;
    padding: 14px !important;
    gap: 12px !important;
  }

  .delivery-notice__visual {
    width: 88px !important;
    height: 88px !important;
    border-radius: 16px !important;
  }

  .delivery-notice__eyebrow {
    font-size: 10px !important;
  }

  .delivery-notice__content h2 {
    font-size: 24px !important;
    margin-bottom: 4px !important;
  }

  .delivery-notice__content p {
    font-size: 13px !important;
    line-height: 1.42 !important;
  }
}


body {
  background: #eef3fa !important;
}

.page-shell {
  width: min(1120px, calc(100% - 32px)) !important;
  padding-top: 28px !important;
}

.site-header {
  margin-bottom: 26px !important;
}

.login-btn {
  background: #7b35ff !important;
  color: #fff !important;
  box-shadow: none !important;
  min-width: 92px !important;
}

.hero {
  min-height: 492px !important;
  padding: 54px 44px 26px !important;
  border-radius: 28px !important;
  grid-template-columns: .98fr 1.02fr !important;
  background:
    radial-gradient(circle at 73% 42%, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 24%),
    linear-gradient(105deg, #f84f97 0%, #ff7862 52%, #f5c892 100%) !important;
  box-shadow: none !important;
}

.hero-copy {
  align-self: center !important;
  max-width: 470px !important;
}

.hero h1 {
  max-width: 460px !important;
  margin-bottom: 20px !important;
  color: #ffffff !important;
  font-size: clamp(36px, 4.45vw, 54px) !important;
  line-height: 1.06 !important;
  letter-spacing: -.055em !important;
  font-weight: 800 !important;
}

.hero-text {
  max-width: 440px !important;
  margin-bottom: 28px !important;
  color: rgba(255,255,255,.93) !important;
  font-size: 16px !important;
  line-height: 1.48 !important;
  font-weight: 600 !important;
}

.hero-actions {
  margin-bottom: 110px !important;
}

.hero-btn {
  width: min(360px, 100%) !important;
  height: 54px !important;
  background: #ffffff !important;
  color: #161b2a !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

.hero-note {
  color: rgba(255,255,255,.82) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  max-width: 420px !important;
}

.hero-art {
  min-height: 410px !important;
}

.hero-img {
  filter: drop-shadow(0 18px 26px rgba(88, 50, 32, .15)) !important;
}

.hero-gold {
  width: 210px !important;
  right: 118px !important;
  top: 160px !important;
}

.hero-silver {
  width: 134px !important;
  right: 296px !important;
  top: 184px !important;
}

.hero-wood {
  width: 154px !important;
  right: 22px !important;
  top: 126px !important;
}

.hero-heart {
  width: 70px !important;
  right: 84px !important;
  top: 76px !important;
}

.hero-tnt {
  width: 78px !important;
  right: 330px !important;
  top: 84px !important;
}

.hero-art .countdown.hero-countdown {
  position: absolute !important;
  right: 18px !important;
  left: auto !important;
  top: auto !important;
  bottom: 6px !important;
  width: 408px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.hero-art .countdown.hero-countdown .countdown-title {
  text-align: left !important;
  padding-left: 4px !important;
  margin-bottom: 10px !important;
  color: rgba(255,255,255,.9) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.hero-art .countdown.hero-countdown .countdown-grid {
  gap: 10px !important;
}

.hero-art .countdown.hero-countdown .countdown-grid div {
  min-height: 62px !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(112, 54, 40, .08) !important;
}

.hero-art .countdown.hero-countdown .countdown-grid strong {
  font-size: 22px !important;
  color: #11192d !important;
}

.cards-row {
  margin-top: 20px !important;
  gap: 14px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.info-card {
  position: relative;
  min-height: 268px !important;
  overflow: hidden;
  padding: 22px !important;
  background: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 20px !important;
}

.info-card h2 {
  position: relative;
  z-index: 2;
  margin-bottom: 8px !important;
  font-size: 25px !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
}

.info-card p {
  position: relative;
  z-index: 2;
  max-width: 220px;
  color: #171d2b !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

.info-card .mini-link {
  position: relative;
  z-index: 3;
  margin-top: 12px;
}

.card-art {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

.card-art--box {
  width: 155px;
  right: 18px;
  bottom: -12px;
  transform: rotate(-4deg);
}

.card-art--icons {
  right: 12px;
  bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.card-art--icons img:first-child {
  width: 92px;
  transform: rotate(-10deg);
}

.card-art--icons img:last-child {
  width: 76px;
}

.card-art--delivery {
  width: 145px;
  right: -4px;
  bottom: -10px;
  border-radius: 24px;
}

.accent-card {
  background: #ffffff !important;
}


@media (max-width: 980px) {
  .hero {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    padding: 40px 30px 26px !important;
  }

  .hero-copy {
    max-width: none !important;
  }

  .hero h1,
  .hero-text {
    max-width: 640px !important;
  }

  .hero-actions {
    margin-bottom: 28px !important;
  }

  .hero-art {
    min-height: 430px !important;
  }

  .cards-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .page-shell {
    width: calc(100% - 18px) !important;
    padding-top: 16px !important;
  }

  .hero {
    padding: 30px 20px 20px !important;
    border-radius: 24px !important;
  }

  .hero h1 {
    font-size: 36px !important;
  }

  .hero-text {
    font-size: 14px !important;
  }

  .hero-actions {
    margin-bottom: 22px !important;
  }

  .hero-art {
    min-height: 380px !important;
  }

  .hero-gold {
    width: 168px !important;
    right: 72px !important;
    top: 128px !important;
  }

  .hero-silver {
    width: 108px !important;
    right: 208px !important;
    top: 166px !important;
  }

  .hero-wood {
    width: 124px !important;
    right: 0 !important;
    top: 98px !important;
  }

  .hero-heart {
    width: 56px !important;
    right: 42px !important;
    top: 52px !important;
  }

  .hero-tnt {
    width: 58px !important;
    right: 230px !important;
    top: 60px !important;
  }

  .hero-art .countdown.hero-countdown {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
  }

  .cards-row {
    grid-template-columns: 1fr !important;
  }

  .info-card {
    min-height: 220px !important;
  }
}


.cards-row {
  align-items: stretch !important;
  gap: 14px !important;
}

.info-card {
  position: relative !important;
  min-height: 292px !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  background: #ffffff !important;
}


.info-card::after {
  display: none !important;
}

.info-card h2 {
  max-width: 100% !important;
  margin: 0 0 10px !important;
  font-size: 25px !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
  z-index: 2 !important;
}

.info-card p {
  max-width: 100% !important;
  margin: 0 !important;
  color: #242c3f !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
  z-index: 2 !important;
}

.info-card .mini-link {
  position: static !important;
  z-index: 2 !important;
  margin-top: 12px !important;
  color: #7b35ff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}


.info-card .card-art {
  position: static !important;
  z-index: 1 !important;
  pointer-events: none !important;
  transform: none !important;
  opacity: 1 !important;
  margin-top: auto !important;
  align-self: center !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

.info-card .card-art--box {
  width: 126px !important;
  height: 118px !important;
  margin-bottom: -6px !important;
}

.info-card:nth-child(1) .card-art--box {
  width: 138px !important;
  height: 122px !important;
}

.info-card:nth-child(2) .card-art--box {
  width: 122px !important;
  height: 122px !important;
}

.info-card .card-art--icons {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  height: 112px !important;
  margin-bottom: -4px !important;
}

.info-card .card-art--icons img:first-child {
  width: 76px !important;
  height: 76px !important;
  object-fit: contain !important;
  transform: rotate(-6deg) !important;
}

.info-card .card-art--icons img:last-child {
  width: 74px !important;
  height: 74px !important;
  object-fit: contain !important;
}

.info-card .card-art--delivery {
  width: 124px !important;
  height: 104px !important;
  border-radius: 20px !important;
  object-fit: contain !important;
  margin-bottom: -4px !important;
}

.info-card .card-art--tall {
  width: 104px !important;
  height: 126px !important;
  object-fit: contain !important;
  margin-bottom: -2px !important;
}

.accent-card p {
  max-width: 100% !important;
}

@media (max-width: 980px) {
  .info-card {
    min-height: 258px !important;
  }

  .info-card .card-art--box {
    width: 112px !important;
    height: 104px !important;
  }

  .info-card:nth-child(1) .card-art--box {
    width: 122px !important;
  }

  .info-card .card-art--delivery {
    width: 112px !important;
    height: 94px !important;
  }
}

@media (max-width: 720px) {
  .info-card {
    min-height: 230px !important;
    padding: 20px !important;
  }

  .info-card h2 {
    font-size: 24px !important;
  }

  .info-card p {
    font-size: 14px !important;
  }

  .info-card .card-art--box {
    width: 96px !important;
    height: 90px !important;
  }

  .info-card .card-art--icons {
    height: 88px !important;
  }

  .info-card .card-art--icons img:first-child {
    width: 56px !important;
    height: 56px !important;
  }

  .info-card .card-art--icons img:last-child {
    width: 52px !important;
    height: 52px !important;
  }

  .info-card .card-art--delivery {
    width: 96px !important;
    height: 82px !important;
  }
}


.login-btn,
.mini-link,
.games-support {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.tg-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: block;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .28));
}

.login-btn .tg-icon {
  width: 28px;
  height: 28px;
  flex-basis: 28px;
  margin-left: -4px;
}

.tg-icon-small {
  width: 22px;
  height: 22px;
  flex-basis: 22px;
}


:root {
  --page-bg: #edf1f7;
  --card-bg: #ffffff;
  --card-border: #e2e7f0;
  --text: #131a2d;
  --muted: #667086;
}

html {
  background: #edf1f7 !important;
}

body {
  background:
    radial-gradient(circle at 82% 8%, rgba(255, 199, 125, .18) 0%, rgba(255, 199, 125, 0) 30%),
    radial-gradient(circle at 12% 12%, rgba(255, 79, 155, .10) 0%, rgba(255, 79, 155, 0) 28%),
    linear-gradient(180deg, #f2f5fa 0%, #e9eef6 100%) !important;
  color: #131a2d !important;
}

.site-header,
.brand-text,
.brand-domain {
  color: #131a2d !important;
}

.brand-domain {
  opacity: .58 !important;
}

.login-btn {
  background: #ffffff !important;
  color: #141b2d !important;
  border: 1px solid rgba(40, 49, 66, .10) !important;
  box-shadow: 0 10px 24px rgba(36, 42, 56, .08) !important;
}

.hero {
  isolation: isolate;
  overflow: hidden !important;
  min-height: 500px !important;
  padding: 54px 44px 28px !important;
  border: 0 !important;
  background:
    radial-gradient(circle at 70% 46%, rgba(255, 226, 153, .58) 0%, rgba(255, 226, 153, .24) 18%, rgba(255, 226, 153, 0) 40%),
    radial-gradient(circle at 88% 72%, rgba(255, 211, 142, .38) 0%, rgba(255, 211, 142, 0) 32%),
    radial-gradient(circle at 18% 20%, rgba(255, 79, 155, .28) 0%, rgba(255, 79, 155, 0) 36%),
    linear-gradient(116deg, #f3438f 0%, #ff6668 47%, #ffc777 100%) !important;
  box-shadow: 0 26px 70px rgba(231, 99, 93, .18) !important;
}

.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(circle at 75% 43%, rgba(255,255,255,.22), transparent 34%),
    linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size: auto, 62px 62px, 62px 62px;
  mask-image: radial-gradient(circle at 72% 48%, rgba(0,0,0,.64), transparent 64%);
  opacity: .42;
}

.hero::after {
  content: '';
  position: absolute;
  right: -130px;
  top: -160px;
  width: 540px;
  height: 540px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 62%);
  z-index: -1;
  pointer-events: none;
}

.hero-copy {
  align-self: center !important;
}

.hero h1 {
  color: #ffffff !important;
  text-shadow: none !important;
}

.hero-text {
  color: rgba(255,255,255,.94) !important;
  text-shadow: none !important;
}

.hero-note {
  color: rgba(255,255,255,.86) !important;
}

.hero-btn {
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  box-shadow: 0 16px 34px rgba(178, 64, 83, .18) !important;
}

.hero-btn:hover {
  box-shadow: 0 20px 42px rgba(178, 64, 83, .22) !important;
}

.hero-art {
  min-height: 418px !important;
}

.hero-art::before {
  content: '';
  position: absolute;
  right: 24px;
  top: 48px;
  width: 470px;
  height: 330px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 52% 48%, rgba(255, 240, 183, .45) 0%, rgba(255, 240, 183, .18) 30%, transparent 62%),
    repeating-radial-gradient(ellipse at 52% 56%, rgba(255,255,255,.42) 0 1px, transparent 2px 44px);
  opacity: .86;
  transform: rotate(-7deg);
  pointer-events: none;
}

.hero-art::after {
  right: 80px !important;
  top: 298px !important;
  width: 360px !important;
  height: 54px !important;
  background: rgba(96, 49, 36, .26) !important;
  filter: blur(22px) !important;
}

.hero-img {
  filter: drop-shadow(0 26px 34px rgba(86, 43, 32, .24)) drop-shadow(0 0 18px rgba(255,255,255,.08)) !important;
}

.hero-gold {
  width: 232px !important;
  right: 106px !important;
  top: 150px !important;
  z-index: 4 !important;
  transform: rotate(4deg) !important;
  --rot: 4deg;
}

.hero-silver {
  width: 148px !important;
  right: 296px !important;
  top: 182px !important;
  z-index: 3 !important;
  transform: rotate(-10deg) !important;
  --rot: -10deg;
}

.hero-wood {
  width: 166px !important;
  right: 2px !important;
  top: 128px !important;
  z-index: 2 !important;
  transform: rotate(8deg) !important;
  --rot: 8deg;
}

.hero-tnt {
  width: 68px !important;
  right: 330px !important;
  top: 78px !important;
  z-index: 5 !important;
  transform: rotate(-14deg) !important;
  filter: drop-shadow(0 16px 20px rgba(86,43,32,.22)) !important;
}

.hero-heart {
  width: 62px !important;
  right: 70px !important;
  top: 74px !important;
  z-index: 5 !important;
  filter: drop-shadow(0 14px 18px rgba(86,43,32,.20)) !important;
}

.hero-art .countdown.hero-countdown {
  right: 4px !important;
  bottom: 2px !important;
  width: 430px !important;
}

.hero-art .countdown.hero-countdown .countdown-title {
  color: rgba(255,255,255,.90) !important;
}

.hero-art .countdown.hero-countdown .countdown-grid div {
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  box-shadow: 0 16px 32px rgba(145, 67, 48, .12), inset 0 1px 0 rgba(255,255,255,.86) !important;
}

.hero-art .countdown.hero-countdown .countdown-grid strong {
  color: #111827 !important;
}

.cards-row,
.summary-block,
.delivery-notice,
.launch-section,
.games-section,
.states-section,
.rewards-section,
.legal-section {
  color: #131a2d !important;
}

.info-card,
.summary-block,
.delivery-notice,
.launch-section,
.games-section,
.states-section,
.rewards-section,
.legal-section,
.state-card-lg,
.mini-item,
.game-row,
.game-empty,
.accordion-item,
.legal-accordion {
  background: rgba(255,255,255,.86) !important;
  border: 1px solid rgba(226,231,240,.92) !important;
  box-shadow: 0 14px 38px rgba(36, 42, 56, .07) !important;
  backdrop-filter: blur(10px);
}

.info-card h2,
.summary-header h2,
.states-title,
.launch-copy h2,
.delivery-notice__content h2,
.state-card-lg h3,
.accordion-item summary,
.legal-accordion summary {
  color: #131a2d !important;
}

.info-card p,
.summary-header p,
.launch-copy p,
.delivery-notice__content p,
.state-card-lg p,
.game-empty span,
.game-row em,
.mini-item span,
.accordion-content,
.legal-copy span,
.site-footer {
  color: #667086 !important;
}

.delivery-notice__visual {
  background: #ffffff !important;
  border-color: #eceff4 !important;
}

.delivery-notice__eyebrow,
.section-tag {
  background: #eef2f7 !important;
  color: #5d6578 !important;
  border-color: #e3e8f0 !important;
}

.mini-link,
.games-support {
  color: #7a42ff !important;
}

.start-game-btn {
  background: #f3f5f9 !important;
  color: #94a0b3 !important;
  border: 1px solid #e4e8f0 !important;
}

@media (max-width: 980px) {
  .hero {
    padding: 40px 30px 26px !important;
  }

  .hero-art {
    min-height: 440px !important;
  }

  .hero-art::before {
    right: 44px;
    top: 52px;
  }

  .hero-gold {
    right: 118px !important;
    top: 154px !important;
  }

  .hero-silver {
    right: 304px !important;
    top: 188px !important;
  }

  .hero-wood {
    right: 26px !important;
    top: 132px !important;
  }

  .hero-art .countdown.hero-countdown {
    right: 20px !important;
    bottom: 6px !important;
  }
}

@media (max-width: 720px) {
  .hero {
    min-height: auto !important;
    padding: 30px 20px 22px !important;
  }

  .hero-art {
    min-height: 394px !important;
  }

  .hero-art::before {
    right: -34px;
    top: 50px;
    width: 370px;
    height: 270px;
  }

  .hero-gold {
    width: 178px !important;
    right: 68px !important;
    top: 140px !important;
  }

  .hero-silver {
    width: 112px !important;
    right: 210px !important;
    top: 170px !important;
  }

  .hero-wood {
    width: 128px !important;
    right: -4px !important;
    top: 120px !important;
  }

  .hero-tnt {
    width: 54px !important;
    right: 238px !important;
    top: 74px !important;
  }

  .hero-heart {
    width: 52px !important;
    right: 48px !important;
    top: 70px !important;
  }

  .hero-art::after {
    right: 36px !important;
    top: 264px !important;
    width: 240px !important;
  }

  .hero-art .countdown.hero-countdown {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
  }
}


.hero-art::before {
  right: 10px !important;
  top: 58px !important;
  width: 500px !important;
  height: 360px !important;
  opacity: .72 !important;
}

.hero-art::after {
  right: 112px !important;
  top: 280px !important;
  width: 300px !important;
  height: 42px !important;
  opacity: .72 !important;
}

.hero-gold {
  width: 190px !important;
  right: 142px !important;
  top: 142px !important;
}

.hero-silver {
  width: 122px !important;
  right: 322px !important;
  top: 176px !important;
}

.hero-wood {
  width: 138px !important;
  right: 34px !important;
  top: 132px !important;
}

.hero-tnt {
  width: 54px !important;
  right: 354px !important;
  top: 84px !important;
}

.hero-heart {
  width: 52px !important;
  right: 104px !important;
  top: 76px !important;
}

@media (max-width: 980px) {
  .hero-art::before {
    right: 12px !important;
    top: 58px !important;
    width: 440px !important;
    height: 320px !important;
  }

  .hero-gold {
    width: 172px !important;
    right: 130px !important;
    top: 150px !important;
  }

  .hero-silver {
    width: 110px !important;
    right: 294px !important;
    top: 180px !important;
  }

  .hero-wood {
    width: 124px !important;
    right: 38px !important;
    top: 136px !important;
  }

  .hero-tnt {
    width: 50px !important;
    right: 320px !important;
    top: 86px !important;
  }

  .hero-heart {
    width: 48px !important;
    right: 98px !important;
    top: 80px !important;
  }

  .hero-art::after {
    right: 112px !important;
    top: 268px !important;
    width: 260px !important;
  }
}

@media (max-width: 720px) {
  .hero-art {
    min-height: 360px !important;
  }

  .hero-art::before {
    right: -16px !important;
    top: 54px !important;
    width: 330px !important;
    height: 245px !important;
  }

  .hero-gold {
    width: 148px !important;
    right: 82px !important;
    top: 130px !important;
  }

  .hero-silver {
    width: 94px !important;
    right: 202px !important;
    top: 154px !important;
  }

  .hero-wood {
    width: 104px !important;
    right: 8px !important;
    top: 116px !important;
  }

  .hero-tnt {
    width: 42px !important;
    right: 224px !important;
    top: 78px !important;
  }

  .hero-heart {
    width: 42px !important;
    right: 62px !important;
    top: 72px !important;
  }

  .hero-art::after {
    right: 58px !important;
    top: 230px !important;
    width: 190px !important;
  }
}


.hero-art .hero-gift {
  width: min(36vw, 360px) !important;
  height: auto !important;
  object-fit: contain !important;
  left: 35% !important;
  top: 16% !important;
  transform: rotate(-3deg) !important;
  filter: drop-shadow(0 28px 42px rgba(101, 49, 153, .20)) !important;
}

.hero-art .hero-machine {
  width: min(18vw, 170px) !important;
  height: auto !important;
  object-fit: contain !important;
  left: 22% !important;
  top: 32% !important;
  transform: rotate(-8deg) !important;
  opacity: .98 !important;
  filter: drop-shadow(0 18px 30px rgba(64, 62, 120, .16)) !important;
}

.hero-art .hero-trophy {
  width: min(20vw, 190px) !important;
  height: auto !important;
  object-fit: contain !important;
  right: 10% !important;
  top: 28% !important;
  transform: rotate(9deg) !important;
  opacity: .98 !important;
  filter: drop-shadow(0 20px 32px rgba(145, 93, 22, .18)) !important;
}

.hero-art .hero-heart {
  width: min(7vw, 72px) !important;
  right: 21% !important;
  top: 12% !important;
}

.hero-art .hero-tnt {
  width: min(7vw, 72px) !important;
  left: 25% !important;
  top: 13% !important;
}

@media (max-width: 980px) {
  .hero-art .hero-gift {
    width: min(58vw, 310px) !important;
    left: 36% !important;
    top: 8% !important;
  }

  .hero-art .hero-machine {
    width: min(28vw, 145px) !important;
    left: 16% !important;
    top: 30% !important;
  }

  .hero-art .hero-trophy {
    width: min(30vw, 160px) !important;
    right: 12% !important;
    top: 28% !important;
  }
}

@media (max-width: 640px) {
  .hero-art .hero-gift {
    width: 235px !important;
    left: 34% !important;
    top: 14% !important;
  }

  .hero-art .hero-machine {
    width: 112px !important;
    left: 8% !important;
    top: 34% !important;
  }

  .hero-art .hero-trophy {
    width: 124px !important;
    right: 5% !important;
    top: 33% !important;
  }
}


.hero-art .hero-prize-machine {
  width: 172px !important;
  height: auto !important;
  object-fit: contain !important;
  right: 150px !important;
  left: auto !important;
  top: 132px !important;
  z-index: 4 !important;
  transform: rotate(-4deg) !important;
  filter: drop-shadow(0 24px 34px rgba(108, 54, 122, .20)) !important;
}

.hero-art .hero-prize-shield {
  width: 128px !important;
  height: auto !important;
  object-fit: contain !important;
  right: 328px !important;
  left: auto !important;
  top: 166px !important;
  z-index: 3 !important;
  transform: rotate(-10deg) !important;
  filter: drop-shadow(0 20px 28px rgba(70, 77, 105, .17)) !important;
}

.hero-art .hero-prize-trophy {
  width: 142px !important;
  height: auto !important;
  object-fit: contain !important;
  right: 26px !important;
  left: auto !important;
  top: 150px !important;
  z-index: 3 !important;
  transform: rotate(8deg) !important;
  filter: drop-shadow(0 22px 30px rgba(126, 80, 25, .18)) !important;
}

.hero-art .hero-heart {
  width: 48px !important;
  right: 116px !important;
  left: auto !important;
  top: 82px !important;
  z-index: 5 !important;
}

.hero-art .hero-tnt {
  width: 50px !important;
  right: 354px !important;
  left: auto !important;
  top: 86px !important;
  z-index: 5 !important;
}

@media (max-width: 980px) {
  .hero-art .hero-prize-machine {
    width: 158px !important;
    right: 138px !important;
    top: 138px !important;
  }
  .hero-art .hero-prize-shield {
    width: 116px !important;
    right: 292px !important;
    top: 170px !important;
  }
  .hero-art .hero-prize-trophy {
    width: 126px !important;
    right: 42px !important;
    top: 150px !important;
  }
  .hero-art .hero-heart {
    width: 44px !important;
    right: 104px !important;
    top: 84px !important;
  }
  .hero-art .hero-tnt {
    width: 46px !important;
    right: 316px !important;
    top: 88px !important;
  }
}

@media (max-width: 640px) {
  .hero-art .hero-prize-machine {
    width: 132px !important;
    right: 92px !important;
    top: 128px !important;
  }
  .hero-art .hero-prize-shield {
    width: 90px !important;
    right: 210px !important;
    top: 156px !important;
  }
  .hero-art .hero-prize-trophy {
    width: 96px !important;
    right: 12px !important;
    top: 140px !important;
  }
  .hero-art .hero-heart {
    width: 38px !important;
    right: 62px !important;
    top: 74px !important;
  }
  .hero-art .hero-tnt {
    width: 38px !important;
    right: 224px !important;
    top: 78px !important;
  }
}


.hero::before,
.hero-art::before {
  display: none !important;
  content: none !important;
  background: none !important;
}

.hero-art::after {
  right: 132px !important;
  top: 292px !important;
  width: 260px !important;
  height: 48px !important;
  opacity: .55 !important;
}

.hero-trophy-only {
  width: 290px !important;
  right: 120px !important;
  top: 92px !important;
  transform: rotate(10deg) !important;
  filter: drop-shadow(0 26px 34px rgba(124, 70, 28, .22)) !important;
}

.hero-gold,
.hero-wood,
.hero-silver,
.hero-heart,
.hero-tnt,
.hero-prize-machine,
.hero-prize-trophy,
.hero-prize-shield {
  display: none !important;
}

@media (max-width: 980px) {
  .hero-trophy-only {
    width: 270px !important;
    right: 50% !important;
    top: 72px !important;
    transform: translateX(50%) rotate(8deg) !important;
  }

  .hero-art::after {
    right: 50% !important;
    top: 270px !important;
    transform: translateX(50%) !important;
  }
}

@media (max-width: 720px) {
  .hero-trophy-only {
    width: 220px !important;
    top: 72px !important;
  }

  .hero-art::after {
    top: 236px !important;
    width: 210px !important;
  }
}


.hero {
  min-height: 430px !important;
  padding: 42px 44px 24px !important;
}

.hero-actions {
  margin-bottom: 54px !important;
}

.hero-art {
  min-height: 354px !important;
}

.hero-trophy-only {
  width: 260px !important;
  right: 128px !important;
  top: 58px !important;
}

.hero-art::after {
  right: 132px !important;
  top: 258px !important;
  width: 250px !important;
  height: 42px !important;
}

.hero-art .countdown.hero-countdown {
  bottom: 0 !important;
}

@media (max-width: 980px) {
  .hero {
    min-height: auto !important;
    padding: 36px 30px 24px !important;
  }

  .hero-actions {
    margin-bottom: 42px !important;
  }

  .hero-art {
    min-height: 332px !important;
  }

  .hero-trophy-only {
    width: 236px !important;
    top: 50px !important;
  }

  .hero-art::after {
    top: 238px !important;
    width: 220px !important;
  }
}

@media (max-width: 720px) {
  .hero {
    padding: 28px 20px 22px !important;
  }

  .hero-actions {
    margin-bottom: 28px !important;
  }

  .hero-art {
    min-height: 320px !important;
  }

  .hero-trophy-only {
    width: 198px !important;
    top: 48px !important;
  }

  .hero-art::after {
    top: 216px !important;
    width: 190px !important;
  }
}


.hero-art {
  isolation: isolate;
}

.hero-flow {
  position: absolute;
  right: 2px;
  top: 104px;
  width: min(470px, 100%);
  height: 245px;
  z-index: 2;
  pointer-events: none;
}

.hero-flow__lines {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.hero-flow__path {
  stroke: rgba(36, 45, 67, .38);
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.hero-flow__path--main {
  stroke-width: 4;
  stroke-dasharray: 1 14;
}

.hero-flow__path--soft {
  stroke-width: 3;
  opacity: .58;
}

.hero-flow__path--short {
  stroke-width: 3;
  opacity: .42;
  stroke-dasharray: 16 12;
}

.hero-flow__dot {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(38, 48, 72, .54);
  box-shadow: 0 0 0 8px rgba(38, 48, 72, .08);
}

.hero-flow__dot--one { left: 194px; top: 188px; }
.hero-flow__dot--two { right: 72px; top: 100px; }
.hero-flow__dot--three { right: 23px; top: 23px; }

.hero-flow__chip {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(37, 46, 69, .18);
  border: 1px solid rgba(37, 46, 69, .20);
  color: rgba(37, 46, 69, .72);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: -.02em;
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 22px rgba(55, 45, 38, .08);
}

.hero-flow__chip--one {
  left: 82px;
  top: 139px;
  transform: rotate(-6deg);
}

.hero-flow__chip--two {
  right: 90px;
  top: 45px;
  transform: rotate(8deg);
}

.hero-trophy-only {
  z-index: 4 !important;
}

.hero-art .countdown.hero-countdown {
  z-index: 7 !important;
}

@media (max-width: 980px) {
  .hero-flow {
    left: 50%;
    right: auto;
    top: 98px;
    width: 420px;
    height: 220px;
    transform: translateX(-42%);
    opacity: .85;
  }

  .hero-flow__path--main { stroke-width: 3.5; }
  .hero-flow__path--soft { stroke-width: 2.6; }
}

@media (max-width: 720px) {
  .hero-flow {
    top: 96px;
    width: 330px;
    height: 170px;
    transform: translateX(-50%) scale(.88);
    opacity: .58;
  }

  .hero-flow__chip,
  .hero-flow__dot--three {
    display: none;
  }
}


.hero {
  grid-template-columns: 1.08fr .92fr !important;
  min-height: 430px !important;
  padding: 38px 42px 26px !important;
}

.hero-copy {
  max-width: 620px !important;
  padding-top: 0 !important;
}

.hero-eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 14px;
  padding: 9px 13px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.26);
  color: rgba(255,255,255,.92);
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.01em;
  backdrop-filter: blur(8px);
}

.hero h1 {
  max-width: 620px !important;
  margin-bottom: 16px !important;
  font-size: clamp(40px, 5vw, 64px) !important;
  line-height: .94 !important;
}

.hero-text.hero-lead {
  max-width: 560px !important;
  margin-bottom: 22px !important;
  font-size: 17px !important;
  line-height: 1.46 !important;
  font-weight: 600 !important;
}

.hero-actions {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-bottom: 16px !important;
}

.hero-btn {
  width: auto !important;
  min-width: 188px;
  padding: 0 24px;
}

.hero-btn--primary {
  background: #ffffff !important;
  color: #151b2b !important;
}

.hero-btn--secondary {
  background: rgba(17, 24, 39, .22) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  box-shadow: none !important;
}

.hero-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  max-width: 560px;
  margin: 0 0 14px;
}

.hero-steps div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.22);
  color: #fff;
  backdrop-filter: blur(8px);
}

.hero-steps b {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(255,255,255,.94);
  color: #1b2233;
  font-size: 14px;
  font-weight: 900;
}

.hero-steps span {
  font-size: 13px;
  line-height: 1.18;
  font-weight: 800;
}

.hero-note {
  max-width: 520px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.82) !important;
}

.card-step {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 10px;
  padding: 7px 10px;
  border-radius: 999px;
  background: #eef2f7;
  color: #677086;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .02em;
}

.info-card--main {
  background: linear-gradient(135deg, #ffffff 0%, #fff8ef 100%) !important;
  border-color: rgba(198, 156, 91, .22) !important;
}

.info-card h2 {
  margin-top: 0 !important;
}

.launch-section {
  background: linear-gradient(135deg, #101827 0%, #2b3549 100%) !important;
  border: 0 !important;
  color: #fff;
  box-shadow: 0 16px 36px rgba(24, 31, 45, .10) !important;
}

.launch-copy p,
.launch-note {
  color: rgba(255,255,255,.76) !important;
}

.launch-copy .section-tag {
  background: rgba(255,255,255,.12);
  color: rgba(255,255,255,.82);
}

.launch-actions {
  grid-column: 2;
  grid-row: 2 / span 2;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-self: center;
  min-width: 250px;
}

.start-game-btn {
  min-width: 0 !important;
  width: 100%;
  height: 50px !important;
  border-radius: 999px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 850;
  cursor: pointer !important;
}

.start-game-btn--active {
  background: #ffffff !important;
  color: #151b2b !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.14);
}

.start-game-btn--ghost {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.28) !important;
}

@media (max-width: 980px) {
  .hero {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }

  .hero-steps {
    max-width: none;
  }

  .launch-actions {
    grid-column: 1;
    grid-row: auto;
    flex-direction: row;
    min-width: 0;
  }
}

@media (max-width: 720px) {
  .hero h1 {
    font-size: 38px !important;
  }

  .hero-text.hero-lead {
    font-size: 14px !important;
  }

  .hero-actions {
    gap: 10px;
  }

  .hero-btn {
    width: 100% !important;
  }

  .hero-steps {
    grid-template-columns: 1fr;
  }

  .hero-steps div {
    min-height: 46px;
  }

  .launch-actions {
    flex-direction: column;
  }
}


.brand {
  display: inline-flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  flex-wrap: nowrap;
}

.brand-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1px;
  padding-top: 2px;
  min-width: 0;
}

.brand-mark {
  flex: 0 0 46px !important;
  width: 46px !important;
  height: 46px !important;
  display: grid !important;
  place-items: center !important;
  transform: none;
  filter: drop-shadow(0 8px 12px rgba(164, 110, 44, .12)) !important;
}

.brand-mark img {
  width: 46px !important;
  height: 46px !important;
  object-fit: contain !important;
}

.brand-text {
  display: inline-flex !important;
  align-items: baseline !important;
  font-size: 22px !important;
  line-height: .95 !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
  color: #131a2d !important;
  margin: 0 !important;
}

.brand-domain {
  margin-left: 3px;
  opacity: .52 !important;
  font-weight: 700 !important;
}

.brand-quote {
  display: block;
  max-width: 420px;
  min-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(19, 26, 45, .60);
  font-size: 11px;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: 0;
  transition: opacity .22s ease, transform .22s ease;
}

.brand-quote.is-changing {
  opacity: .25;
  transform: translateY(1px);
}

@media (max-width: 700px) {
  .brand {
    gap: 9px !important;
    align-items: flex-start !important;
  }

  .brand-copy {
    gap: 1px;
    padding-top: 1px;
  }

  .brand-mark {
    flex-basis: 40px !important;
    width: 40px !important;
    height: 40px !important;
  }

  .brand-mark img {
    width: 40px !important;
    height: 40px !important;
  }

  .brand-text {
    font-size: 19px !important;
  }

  .brand-quote {
    max-width: 230px;
    font-size: 10px;
    line-height: 1.08;
  }
}


.page-shell {
  padding-top: 14px !important;
  padding-bottom: 46px !important;
}

.site-header {
  align-items: center !important;
  margin-bottom: 10px !important;
  min-height: 0 !important;
}

.brand {
  align-items: center !important;
}

.brand-copy {
  gap: 0 !important;
  padding-top: 0 !important;
}

.brand-text {
  line-height: .92 !important;
}

.brand-quote {
  margin-top: -2px !important;
}

.login-btn {
  align-self: center !important;
  margin-top: 0 !important;
}

.hero {
  margin-top: 0 !important;
}

@media (max-width: 700px) {
  .page-shell {
    padding-top: 10px !important;
  }

  .site-header {
    margin-bottom: 8px !important;
  }

  .brand {
    align-items: flex-start !important;
  }

  .brand-quote {
    margin-top: -1px !important;
  }
}


.brand-copy {
  gap: 2px !important;
}

.brand-quote {
  display: inline-block !important;
  margin-top: 3px !important;
  padding-bottom: 5px !important;
  position: relative;
  line-height: 1.08 !important;
}

.brand-quote::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 112px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(19, 26, 45, .24) 0%, rgba(19, 26, 45, .10) 55%, rgba(19, 26, 45, 0) 100%);
}

@media (max-width: 700px) {
  .brand-copy {
    gap: 2px !important;
  }

  .brand-quote {
    margin-top: 2px !important;
    padding-bottom: 4px !important;
  }

  .brand-quote::after {
    width: 84px;
    height: 2px;
  }
}


.hero-trophy-only {
  width: 336px !important;
  right: 96px !important;
  top: 34px !important;
  transform: rotate(-8deg) !important;
  filter: drop-shadow(0 22px 34px rgba(18, 209, 226, .18)) !important;
}

.hero-art::after {
  right: 112px !important;
  top: 286px !important;
  width: 292px !important;
  height: 36px !important;
  opacity: .18 !important;
}

@media (max-width: 980px) {
  .hero-trophy-only {
    width: 288px !important;
    right: 50% !important;
    top: 44px !important;
    transform: translateX(50%) rotate(-6deg) !important;
  }

  .hero-art::after {
    right: 50% !important;
    top: 266px !important;
    width: 248px !important;
    transform: translateX(50%) !important;
  }
}

@media (max-width: 720px) {
  .hero-trophy-only {
    width: 236px !important;
    top: 52px !important;
  }

  .hero-art::after {
    top: 224px !important;
    width: 206px !important;
  }
}


.info-card .card-art--key {
  width: 152px !important;
  height: auto !important;
  margin-bottom: -2px !important;
}

@media (max-width: 980px) {
  .info-card .card-art--key {
    width: 134px !important;
  }
}

@media (max-width: 720px) {
  .info-card .card-art--key {
    width: 108px !important;
  }
}


.info-card .card-art--hands {
  width: 132px !important;
  height: auto !important;
  margin-bottom: -2px !important;
}

@media (max-width: 980px) {
  .info-card .card-art--hands {
    width: 116px !important;
  }
}

@media (max-width: 720px) {
  .info-card .card-art--hands {
    width: 96px !important;
  }
}


.info-card .card-art--result {
  width: 136px !important;
  height: auto !important;
  object-fit: contain !important;
  margin-bottom: -2px !important;
}

@media (max-width: 980px) {
  .info-card .card-art--result {
    width: 118px !important;
  }
}

@media (max-width: 720px) {
  .info-card .card-art--result {
    width: 96px !important;
  }
}


.legal-contact-card,
.legal-store-card {
  background: #ffffff !important;
  border-color: rgba(40, 49, 66, .10) !important;
}

.legal-store-card {
  background: linear-gradient(135deg, #ffffff 0%, #fff8ef 100%) !important;
  border-color: rgba(198, 156, 91, .24) !important;
}

.legal-grid span strong {
  color: #161d2f;
  font-weight: 800;
}

.contact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.inline-support-btn--light {
  background: #eef2f7 !important;
  color: #1b2437 !important;
  box-shadow: none !important;
}

.inline-support-btn--map {
  margin-top: 12px !important;
  background: #151d30 !important;
  color: #fff !important;
}

@media (max-width: 720px) {
  .contact-actions {
    flex-direction: column;
    align-items: flex-start;
  }
}


.hero-steps-arrows {
  width: 100%;
  max-width: 560px;
  height: 28px;
  margin: -2px 0 4px;
  pointer-events: none;
}

.hero-steps-arrows__svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.hero-steps-arrows__path {
  stroke: rgba(255,255,255,.86);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .92;
}

@media (max-width: 980px) {
  .hero-steps-arrows {
    max-width: none;
  }
}

@media (max-width: 720px) {
  .hero-steps-arrows {
    display: none;
  }
}


.hero-eyebrow {
  gap: 8px;
  padding-right: 10px !important;
}

.hero-eyebrow__hint {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  color: #e45b7a;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  box-shadow: 0 4px 10px rgba(40, 49, 66, .10);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.hero-eyebrow__hint:hover {
  transform: translateY(-1px);
  background: #ffffff;
  box-shadow: 0 6px 14px rgba(40, 49, 66, .14);
}

#prize-fund-details {
  scroll-margin-top: 24px;
}

#prize-fund-details strong {
  color: #161d2f;
  font-weight: 800;
}

@media (max-width: 720px) {
  .hero-eyebrow {
    gap: 6px;
    font-size: 12px;
    padding-right: 9px !important;
  }

  .hero-eyebrow__hint {
    width: 17px;
    height: 17px;
    flex-basis: 17px;
    font-size: 10px;
  }
}


.cards-row.cards-carousel {
  position: relative;
  display: block !important;
  margin-top: 18px;
  padding: 0 54px;
}

.cards-carousel__viewport {
  overflow: hidden;
}

.cards-carousel__track {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 2px 0;
}

.cards-carousel__track::-webkit-scrollbar {
  display: none;
}

.cards-row.cards-carousel .info-card {
  flex: 0 0 calc((100% - 40px) / 3);
  scroll-snap-align: start;
  min-width: 0;
}

.cards-carousel__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  background: #ffffff;
  color: #1a2234;
  box-shadow: 0 14px 28px rgba(36, 42, 56, .12);
  cursor: pointer;
  z-index: 8;
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.cards-carousel__nav:hover {
  transform: translateY(-50%) scale(1.04);
  box-shadow: 0 18px 34px rgba(36, 42, 56, .18);
}

.cards-carousel__nav span {
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
  margin-top: -2px;
}

.cards-carousel__nav.is-disabled {
  opacity: .38;
  cursor: default;
  box-shadow: 0 10px 20px rgba(36, 42, 56, .08);
}

.cards-carousel__nav.is-disabled:hover {
  transform: translateY(-50%);
}

.cards-carousel__nav--prev {
  left: 0;
}

.cards-carousel__nav--next {
  right: 0;
}

@media (max-width: 1180px) {
  .cards-row.cards-carousel .info-card {
    flex-basis: calc((100% - 20px) / 2);
  }
}

@media (max-width: 720px) {
  .cards-row.cards-carousel {
    padding: 0 42px;
  }

  .cards-row.cards-carousel .info-card {
    flex-basis: 100%;
  }

  .cards-carousel__nav {
    width: 34px;
    height: 34px;
  }

  .cards-carousel__nav span {
    font-size: 22px;
  }
}


.cards-row.cards-carousel {
  padding-bottom: 26px;
}

.cards-carousel__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 18px;
}

.cards-carousel__dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(104, 113, 134, .28);
  box-shadow: inset 0 0 0 1px rgba(104, 113, 134, .12);
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, width .18s ease, box-shadow .18s ease;
}

.cards-carousel__dot:hover {
  background: rgba(122, 66, 255, .38);
}

.cards-carousel__dot.is-active {
  width: 20px;
  background: #7a42ff;
  box-shadow: none;
}

@media (max-width: 720px) {
  .cards-row.cards-carousel {
    padding-bottom: 22px;
  }

  .cards-carousel__dots {
    margin-top: 14px;
    gap: 7px;
  }
}


.page-shell {
  padding-top: 28px !important;
}

.site-header {
  margin-bottom: 16px !important;
}

.brand-mark {
  flex-basis: 50px !important;
  width: 50px !important;
  height: 50px !important;
  filter: drop-shadow(0 10px 14px rgba(164, 110, 44, .16)) !important;
}

.brand-mark img {
  width: 50px !important;
  height: 50px !important;
}

.brand-text {
  font-size: 25px !important;
  line-height: .94 !important;
  font-weight: 900 !important;
  letter-spacing: -.045em !important;
}

.brand-domain {
  font-weight: 800 !important;
  opacity: .54 !important;
}

.brand-quote {
  margin-top: 4px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: rgba(19, 26, 45, .64) !important;
}

.brand-quote::after {
  width: 142px !important;
  height: 2px !important;
  background: linear-gradient(90deg, rgba(19, 26, 45, .28) 0%, rgba(19, 26, 45, .12) 62%, rgba(19, 26, 45, 0) 100%) !important;
}

.login-btn {
  font-weight: 800 !important;
}

@media (max-width: 700px) {
  .page-shell {
    padding-top: 18px !important;
  }

  .brand-mark {
    flex-basis: 42px !important;
    width: 42px !important;
    height: 42px !important;
  }

  .brand-mark img {
    width: 42px !important;
    height: 42px !important;
  }

  .brand-text {
    font-size: 21px !important;
  }

  .brand-quote {
    margin-top: 3px !important;
    font-size: 10.5px !important;
  }

  .brand-quote::after {
    width: 104px !important;
  }
}


.login-btn {
  border: 0 !important;
  outline: none !important;
  box-shadow: 0 12px 28px rgba(36, 42, 56, .10) !important;
}

.login-btn .tg-icon {
  transform-origin: 52% 56%;
  animation: tgIconWiggle 4.2s ease-in-out infinite;
}

.login-btn:hover .tg-icon,
.login-btn:focus-visible .tg-icon {
  animation-duration: 2.8s;
}

@keyframes tgIconWiggle {
  0%, 82%, 100% {
    transform: rotate(0deg) translateX(0);
  }
  86% {
    transform: rotate(-10deg) translateX(-1px);
  }
  90% {
    transform: rotate(7deg) translateX(1px);
  }
  94% {
    transform: rotate(-5deg) translateX(-1px);
  }
  97% {
    transform: rotate(3deg) translateX(0);
  }
}


.login-btn {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  gap: 12px !important;
}

.login-btn:hover,
.login-btn:focus-visible {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.login-btn span {
  font-weight: 800 !important;
  letter-spacing: -.02em;
}

.login-btn .tg-icon {
  margin-left: 0 !important;
}


.login-btn {
  align-items: center !important;
  gap: 10px !important;
}

.login-btn__text {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  line-height: 1;
}

.login-btn__text strong {
  display: block;
  color: #131a2d;
  font-size: 15px;
  line-height: 1.02;
  font-weight: 900;
  letter-spacing: -.02em;
}

.login-btn__text em {
  display: block;
  color: rgba(19, 26, 45, .58);
  font-size: 11px;
  line-height: 1.05;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -.01em;
}

@media (max-width: 700px) {
  .login-btn__text strong {
    font-size: 13px;
  }

  .login-btn__text em {
    font-size: 10px;
  }
}


.header-actions {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-left: auto;
}

.header-register-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  background: #7a42ff;
  color: #ffffff;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.01em;
  box-shadow: 0 12px 24px rgba(122, 66, 255, .22);
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.header-register-btn:hover,
.header-register-btn:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 16px 28px rgba(122, 66, 255, .28);
}

@media (max-width: 860px) {
  .header-actions {
    gap: 14px;
  }

  .header-register-btn {
    min-height: 38px;
    padding: 0 14px;
    font-size: 13px;
  }
}

@media (max-width: 700px) {
  .site-header {
    gap: 10px !important;
  }

  .header-actions {
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
  }

  .header-register-btn {
    min-height: 34px;
    padding: 0 12px;
    font-size: 12px;
  }
}


.site-header {
  align-items: flex-start !important;
  column-gap: 28px !important;
}

.brand {
  flex: 0 1 auto;
  margin-right: auto;
}

.header-actions {
  display: flex;
  align-items: flex-start !important;
  gap: 32px !important;
  margin-left: auto;
  padding-top: 4px;
}

.header-action {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
}

.header-action--register {
  min-width: 174px;
}

.header-register-btn {
  min-height: 46px !important;
  padding: 0 34px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

.header-action__meta {
  display: block;
  padding-left: 16px;
  color: rgba(19, 26, 45, .56);
  font-size: 11px;
  line-height: 1.05;
  font-weight: 700;
  letter-spacing: -.01em;
}

.login-btn {
  align-items: flex-start !important;
  padding-top: 2px !important;
}

.login-btn__text {
  gap: 2px !important;
}

.login-btn__text strong {
  font-size: 16px !important;
}

.login-btn__text em {
  font-size: 11px !important;
  color: rgba(19, 26, 45, .56) !important;
}

@media (max-width: 980px) {
  .header-actions {
    gap: 18px !important;
  }

  .header-action--register {
    min-width: 148px;
  }

  .header-register-btn {
    min-height: 42px !important;
    padding: 0 24px !important;
  }
}

@media (max-width: 700px) {
  .site-header {
    align-items: flex-start !important;
  }

  .header-actions {
    flex-direction: column;
    align-items: flex-end !important;
    gap: 12px !important;
    padding-top: 0;
  }

  .header-action {
    align-items: flex-end;
  }

  .header-action__meta {
    padding-left: 0;
    padding-right: 8px;
  }

  .header-register-btn {
    min-height: 36px !important;
    padding: 0 16px !important;
    font-size: 12px !important;
  }

  .login-btn__text strong {
    font-size: 13px !important;
  }

  .login-btn__text em {
    font-size: 10px !important;
  }
}


.header-actions {
  gap: 0 !important;
  padding-top: 2px !important;
}

.login-btn {
  padding-top: 0 !important;
}

@media (max-width: 700px) {
  .header-actions {
    gap: 0 !important;
  }
}


.delivery-notice.delivery-notice--ribbon {
  position: relative !important;
  display: block !important;
  margin-top: 56px !important;
  padding: 88px 34px 30px !important;
  overflow: visible !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(226,231,240,.92) !important;
  box-shadow: 0 16px 38px rgba(36, 42, 56, .08) !important;
}

.delivery-notice--ribbon .delivery-notice__ribbon {
  position: absolute;
  left: 28px;
  right: 28px;
  top: -34px;
  height: 112px;
  pointer-events: none;
}

.delivery-notice--ribbon .delivery-notice__ribbon-svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.delivery-notice--ribbon .delivery-notice__ribbon-path {
  stroke: rgba(19, 26, 45, .72);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.delivery-notice--ribbon .delivery-notice__float {
  position: absolute;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 14px 22px rgba(30, 35, 52, .14));
}

.delivery-notice--ribbon .delivery-notice__float--pink {
  width: 88px;
  left: 12px;
  top: 32px;
  transform: rotate(-8deg);
}

.delivery-notice--ribbon .delivery-notice__float--navy {
  width: 106px;
  left: 31%;
  top: 4px;
  transform: rotate(6deg);
}

.delivery-notice--ribbon .delivery-notice__float--phone {
  width: 78px;
  left: 58%;
  top: 28px;
  transform: rotate(14deg);
}

.delivery-notice--ribbon .delivery-notice__float--coin {
  width: 66px;
  right: 18px;
  top: 42px;
  transform: rotate(10deg);
}

.delivery-notice--ribbon .delivery-notice__content {
  max-width: 1040px;
}

.delivery-notice--ribbon .delivery-notice__eyebrow {
  margin-bottom: 10px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  background: #eef2f7 !important;
  color: #5d6578 !important;
  border: 1px solid #e3e8f0 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
}

.delivery-notice--ribbon .delivery-notice__content h2 {
  margin: 0 0 10px !important;
  max-width: 760px;
  font-size: clamp(26px, 3vw, 44px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.05em !important;
}

.delivery-notice--ribbon .delivery-notice__content p {
  max-width: 1080px;
  font-size: 17px !important;
  line-height: 1.62 !important;
}

.delivery-notice--ribbon .delivery-notice__visual,
.delivery-notice--ribbon .delivery-notice__badge {
  display: none !important;
}

@media (max-width: 980px) {
  .delivery-notice.delivery-notice--ribbon {
    margin-top: 44px !important;
    padding: 76px 24px 24px !important;
  }

  .delivery-notice--ribbon .delivery-notice__ribbon {
    left: 18px;
    right: 18px;
    top: -26px;
    height: 96px;
  }

  .delivery-notice--ribbon .delivery-notice__float--pink {
    width: 72px;
  }

  .delivery-notice--ribbon .delivery-notice__float--navy {
    width: 88px;
    left: 30%;
    top: 8px;
  }

  .delivery-notice--ribbon .delivery-notice__float--phone {
    width: 66px;
    left: 57%;
  }

  .delivery-notice--ribbon .delivery-notice__float--coin {
    width: 56px;
    top: 44px;
  }

  .delivery-notice--ribbon .delivery-notice__content p {
    font-size: 16px !important;
  }
}

@media (max-width: 720px) {
  .delivery-notice.delivery-notice--ribbon {
    margin-top: 30px !important;
    padding: 56px 18px 20px !important;
    border-radius: 22px !important;
  }

  .delivery-notice--ribbon .delivery-notice__ribbon {
    left: 14px;
    right: 14px;
    top: -8px;
    height: 68px;
  }

  .delivery-notice--ribbon .delivery-notice__ribbon-path {
    stroke-width: 2.4;
  }

  .delivery-notice--ribbon .delivery-notice__float--pink {
    width: 54px;
    left: 0;
    top: 22px;
  }

  .delivery-notice--ribbon .delivery-notice__float--navy {
    width: 66px;
    left: 26%;
    top: 4px;
  }

  .delivery-notice--ribbon .delivery-notice__float--phone {
    width: 0;
    display: none;
  }

  .delivery-notice--ribbon .delivery-notice__float--coin {
    width: 44px;
    right: 0;
    top: 30px;
  }

  .delivery-notice--ribbon .delivery-notice__eyebrow {
    margin-bottom: 8px !important;
    font-size: 11px !important;
  }

  .delivery-notice--ribbon .delivery-notice__content h2 {
    font-size: 28px !important;
  }

  .delivery-notice--ribbon .delivery-notice__content p {
    font-size: 15px !important;
    line-height: 1.56 !important;
  }
}


.delivery-notice--ribbon .delivery-notice__ribbon {
  height: 124px;
}

.delivery-notice--ribbon .delivery-notice__float {
  z-index: 2;
}

.delivery-notice--ribbon .delivery-notice__float--phone {
  width: 102px !important;
  left: 56% !important;
  top: 18px !important;
  transform: rotate(13deg) !important;
  filter: drop-shadow(0 16px 26px rgba(30, 35, 52, .18)) !important;
}

.delivery-notice--ribbon .delivery-notice__float--coin {
  width: 84px !important;
  right: 42px !important;
  top: 28px !important;
  transform: rotate(8deg) !important;
  filter: drop-shadow(0 14px 22px rgba(30, 35, 52, .16)) !important;
}

@media (max-width: 980px) {
  .delivery-notice--ribbon .delivery-notice__ribbon {
    height: 108px;
  }

  .delivery-notice--ribbon .delivery-notice__float--phone {
    width: 88px !important;
    left: 55% !important;
    top: 18px !important;
  }

  .delivery-notice--ribbon .delivery-notice__float--coin {
    width: 72px !important;
    right: 28px !important;
    top: 32px !important;
  }
}

@media (max-width: 720px) {
  .delivery-notice--ribbon .delivery-notice__ribbon {
    height: 78px;
  }

  .delivery-notice--ribbon .delivery-notice__float--phone {
    display: block !important;
    width: 56px !important;
    left: 54% !important;
    top: 16px !important;
  }

  .delivery-notice--ribbon .delivery-notice__float--coin {
    width: 48px !important;
    right: 8px !important;
    top: 22px !important;
  }
}


.delivery-notice--ribbon .delivery-notice__content {
  display: grid !important;
  grid-template-columns: minmax(280px, 410px) minmax(0, 1fr);
  column-gap: 34px;
  row-gap: 10px;
  align-items: start;
  max-width: none !important;
}

.delivery-notice--ribbon .delivery-notice__eyebrow {
  grid-column: 1 / -1;
  justify-self: start;
  margin-bottom: 2px !important;
}

.delivery-notice--ribbon .delivery-notice__content h2 {
  grid-column: 1;
  margin: 0 !important;
  max-width: 380px;
}

.delivery-notice--ribbon .delivery-notice__content p {
  grid-column: 2;
  margin: 2px 0 0 !important;
  max-width: 760px !important;
  font-size: 16px !important;
  line-height: 1.68 !important;
}

@media (max-width: 980px) {
  .delivery-notice--ribbon .delivery-notice__content {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }

  .delivery-notice--ribbon .delivery-notice__content h2,
  .delivery-notice--ribbon .delivery-notice__content p {
    grid-column: 1;
    max-width: none !important;
  }

  .delivery-notice--ribbon .delivery-notice__content p {
    margin-top: 0 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
}


.delivery-notice--ribbon .delivery-notice__ribbon {
  height: 132px !important;
}

.delivery-notice--ribbon .delivery-notice__ribbon-path {
  stroke-dasharray: 12 0;
  animation: ribbonPulse 7s ease-in-out infinite;
}

.delivery-notice--ribbon .delivery-notice__spot {
  position: absolute;
  z-index: 2;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
}

.delivery-notice--ribbon .delivery-notice__spot:focus-visible {
  outline: 2px solid rgba(122, 66, 255, .35);
  outline-offset: 6px;
  border-radius: 20px;
}

.delivery-notice--ribbon .delivery-notice__float {
  position: static !important;
  display: block;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 14px 22px rgba(30, 35, 52, .14));
  animation: ribbonItemFloat 4.8s ease-in-out infinite;
}

.delivery-notice--ribbon .delivery-notice__spot--pink { left: 16px; top: 28px; }
.delivery-notice--ribbon .delivery-notice__spot--navy { left: 30%; top: -6px; }
.delivery-notice--ribbon .delivery-notice__spot--phone { left: 55%; top: 15px; }
.delivery-notice--ribbon .delivery-notice__spot--question { left: 74%; top: 22px; }
.delivery-notice--ribbon .delivery-notice__spot--coin { right: 34px; top: 26px; }

.delivery-notice--ribbon .delivery-notice__float--pink {
  width: 88px !important;
  transform: rotate(-8deg) !important;
  animation-delay: .1s;
}

.delivery-notice--ribbon .delivery-notice__float--navy {
  width: 106px !important;
  transform: rotate(6deg) !important;
  animation-delay: .7s;
}

.delivery-notice--ribbon .delivery-notice__float--phone {
  width: 102px !important;
  transform: rotate(13deg) !important;
  filter: drop-shadow(0 16px 26px rgba(30, 35, 52, .18)) !important;
  animation-delay: 1.1s;
}

.delivery-notice--ribbon .delivery-notice__float--question {
  width: 56px !important;
  transform: rotate(-6deg) !important;
  filter: drop-shadow(0 12px 20px rgba(30, 35, 52, .16)) !important;
  animation-delay: 1.6s;
}

.delivery-notice--ribbon .delivery-notice__float--coin {
  width: 84px !important;
  transform: rotate(8deg) !important;
  filter: drop-shadow(0 14px 22px rgba(30, 35, 52, .16)) !important;
  animation-delay: 2s;
}

.delivery-notice__tooltip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%) translateY(8px);
  min-width: 180px;
  max-width: 220px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(19, 26, 45, .94);
  color: rgba(255,255,255,.92);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 600;
  text-align: left;
  box-shadow: 0 16px 34px rgba(14, 18, 27, .18);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.delivery-notice__tooltip b {
  color: #ffffff;
  font-weight: 800;
}

.delivery-notice__tooltip::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: rgba(19, 26, 45, .94);
}

.delivery-notice__spot:hover .delivery-notice__tooltip,
.delivery-notice__spot:focus-visible .delivery-notice__tooltip,
.delivery-notice__spot.is-open .delivery-notice__tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

@keyframes ribbonItemFloat {
  0%,100% { transform: translateY(0) rotate(var(--r-rot, 0deg)); }
  50% { transform: translateY(-6px) rotate(var(--r-rot, 0deg)); }
}

@keyframes ribbonPulse {
  0%,100% { stroke-width: 3; opacity: 1; }
  50% { stroke-width: 3.35; opacity: .84; }
}

.delivery-notice--ribbon .delivery-notice__float--pink { --r-rot: -8deg; }
.delivery-notice--ribbon .delivery-notice__float--navy { --r-rot: 6deg; }
.delivery-notice--ribbon .delivery-notice__float--phone { --r-rot: 13deg; }
.delivery-notice--ribbon .delivery-notice__float--question { --r-rot: -6deg; }
.delivery-notice--ribbon .delivery-notice__float--coin { --r-rot: 8deg; }

@media (max-width: 980px) {
  .delivery-notice--ribbon .delivery-notice__ribbon { height: 114px !important; }
  .delivery-notice--ribbon .delivery-notice__spot--pink { left: 4px; top: 26px; }
  .delivery-notice--ribbon .delivery-notice__spot--navy { left: 28%; top: 0; }
  .delivery-notice--ribbon .delivery-notice__spot--phone { left: 53%; top: 16px; }
  .delivery-notice--ribbon .delivery-notice__spot--question { left: 74%; top: 19px; }
  .delivery-notice--ribbon .delivery-notice__spot--coin { right: 18px; top: 30px; }
  .delivery-notice--ribbon .delivery-notice__float--pink { width: 72px !important; }
  .delivery-notice--ribbon .delivery-notice__float--navy { width: 88px !important; }
  .delivery-notice--ribbon .delivery-notice__float--phone { width: 88px !important; }
  .delivery-notice--ribbon .delivery-notice__float--question { width: 46px !important; }
  .delivery-notice--ribbon .delivery-notice__float--coin { width: 72px !important; }
}

@media (max-width: 720px) {
  .delivery-notice--ribbon .delivery-notice__ribbon { height: 88px !important; }
  .delivery-notice--ribbon .delivery-notice__spot--pink { left: -4px; top: 18px; }
  .delivery-notice--ribbon .delivery-notice__spot--navy { left: 25%; top: -2px; }
  .delivery-notice--ribbon .delivery-notice__spot--phone { left: 50%; top: 16px; }
  .delivery-notice--ribbon .delivery-notice__spot--question { left: 72%; top: 14px; }
  .delivery-notice--ribbon .delivery-notice__spot--coin { right: -2px; top: 22px; }
  .delivery-notice--ribbon .delivery-notice__float--pink { width: 54px !important; }
  .delivery-notice--ribbon .delivery-notice__float--navy { width: 66px !important; }
  .delivery-notice--ribbon .delivery-notice__float--phone { width: 56px !important; }
  .delivery-notice--ribbon .delivery-notice__float--question { width: 36px !important; }
  .delivery-notice--ribbon .delivery-notice__float--coin { width: 48px !important; }
  .delivery-notice__tooltip {
    min-width: 150px;
    max-width: 180px;
    padding: 8px 10px;
    font-size: 11px;
  }
}


.delivery-notice--ribbon .delivery-notice__ribbon {
  pointer-events: auto !important;
  z-index: 5;
}

.delivery-notice--ribbon .delivery-notice__ribbon-svg {
  pointer-events: none !important;
}

.delivery-notice--ribbon .delivery-notice__spot {
  pointer-events: auto !important;
  transform-origin: center;
  animation: ribbonSpotFloat 3.8s ease-in-out infinite !important;
}

.delivery-notice--ribbon .delivery-notice__spot--pink { animation-delay: .05s !important; }
.delivery-notice--ribbon .delivery-notice__spot--navy { animation-delay: .55s !important; }
.delivery-notice--ribbon .delivery-notice__spot--phone { animation-delay: 1s !important; }
.delivery-notice--ribbon .delivery-notice__spot--question { animation-delay: 1.45s !important; }
.delivery-notice--ribbon .delivery-notice__spot--coin { animation-delay: 1.9s !important; }

.delivery-notice--ribbon .delivery-notice__float {
  animation: none !important;
  pointer-events: none !important;
}

.delivery-notice--ribbon .delivery-notice__spot:hover,
.delivery-notice--ribbon .delivery-notice__spot:focus-visible,
.delivery-notice--ribbon .delivery-notice__spot.is-open {
  animation-play-state: paused !important;
  z-index: 20;
}

.delivery-notice--ribbon .delivery-notice__spot:hover .delivery-notice__float,
.delivery-notice--ribbon .delivery-notice__spot:focus-visible .delivery-notice__float,
.delivery-notice--ribbon .delivery-notice__spot.is-open .delivery-notice__float {
  transform: scale(1.08) rotate(var(--r-rot, 0deg)) !important;
  transition: transform .18s ease;
}

.delivery-notice--ribbon .delivery-notice__tooltip {
  z-index: 30;
  pointer-events: none !important;
}

.delivery-notice--ribbon .delivery-notice__spot:hover .delivery-notice__tooltip,
.delivery-notice--ribbon .delivery-notice__spot:focus-visible .delivery-notice__tooltip,
.delivery-notice--ribbon .delivery-notice__spot.is-open .delivery-notice__tooltip {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
}

@keyframes ribbonSpotFloat {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-8px) scale(1.015);
  }
}

@media (prefers-reduced-motion: reduce) {
  .delivery-notice--ribbon .delivery-notice__spot,
  .delivery-notice--ribbon .delivery-notice__ribbon-path {
    animation: none !important;
  }
}


.site-header {
  align-items: flex-start !important;
}

.header-actions {
  display: flex !important;
  justify-content: flex-end;
  align-items: flex-start !important;
  margin-left: auto;
  padding-top: 0 !important;
}

.site-header .header-countdown {
  width: min(470px, 100%) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.site-header .header-countdown .countdown-title {
  margin: 0 0 8px !important;
  color: rgba(19, 26, 45, .78) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: left;
}

.site-header .header-countdown .countdown-grid {
  gap: 10px !important;
}

.site-header .header-countdown .countdown-grid div {
  min-height: 64px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(222,227,236,.95);
  box-shadow: 0 12px 28px rgba(32, 40, 58, .08);
}

.site-header .header-countdown .countdown-grid strong {
  font-size: 21px !important;
  color: #131a2d !important;
}

.site-header .header-countdown .countdown-grid span {
  font-size: 10px !important;
  color: rgba(19, 26, 45, .58) !important;
}

.hero-discuss-btn {
  position: absolute;
  right: 46px;
  bottom: 6px;
  z-index: 8;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 18px !important;
  min-height: 72px;
  border-radius: 24px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(226,231,240,.95) !important;
  box-shadow: 0 14px 34px rgba(31, 39, 58, .12) !important;
}

.hero-discuss-btn:hover,
.hero-discuss-btn:focus-visible {
  background: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 36px rgba(31, 39, 58, .16) !important;
}

.hero-discuss-btn .tg-icon {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px;
}

.hero-discuss-btn .login-btn__text strong {
  font-size: 18px !important;
}

.hero-discuss-btn .login-btn__text em {
  font-size: 12px !important;
}

@media (max-width: 980px) {
  .site-header .header-countdown {
    width: min(430px, 100%) !important;
  }

  .site-header .header-countdown .countdown-grid div {
    min-height: 58px !important;
  }

  .site-header .header-countdown .countdown-grid strong {
    font-size: 19px !important;
  }

  .hero-discuss-btn {
    right: 50%;
    bottom: 2px;
    transform: translateX(50%);
    min-height: 68px;
    padding: 13px 16px !important;
  }

  .hero-discuss-btn:hover,
  .hero-discuss-btn:focus-visible {
    transform: translateX(50%) translateY(-1px) !important;
  }
}

@media (max-width: 720px) {
  .header-actions {
    width: 100%;
    justify-content: flex-start;
    margin-top: 12px;
  }

  .site-header .header-countdown {
    width: 100% !important;
  }

  .site-header .header-countdown .countdown-title {
    font-size: 12px !important;
  }

  .site-header .header-countdown .countdown-grid {
    gap: 8px !important;
  }

  .site-header .header-countdown .countdown-grid div {
    min-height: 52px !important;
    border-radius: 16px !important;
  }

  .site-header .header-countdown .countdown-grid strong {
    font-size: 17px !important;
  }

  .hero-discuss-btn {
    left: 50%;
    right: auto;
    bottom: 4px;
    min-height: 60px;
    padding: 12px 14px !important;
  }

  .hero-discuss-btn .tg-icon {
    width: 36px !important;
    height: 36px !important;
    flex-basis: 36px;
  }

  .hero-discuss-btn .login-btn__text strong {
    font-size: 15px !important;
  }

  .hero-discuss-btn .login-btn__text em {
    font-size: 11px !important;
  }
}


.site-header .header-countdown {
  width: min(560px, 100%) !important;
}

.site-header .header-countdown .countdown-title {
  margin: 0 0 12px !important;
  color: rgba(19, 26, 45, .74) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -.02em;
}

.site-header .header-countdown .countdown-grid {
  gap: 12px !important;
}

.site-header .header-countdown .countdown-grid div {
  min-height: 112px !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,.95) !important;
  border: 1px solid rgba(219,225,235,.9) !important;
  box-shadow: none !important;
  padding: 10px 8px;
}

.site-header .header-countdown .countdown-grid strong {
  font-size: 44px !important;
  line-height: .95 !important;
  letter-spacing: -.05em !important;
  font-weight: 800 !important;
}

.site-header .header-countdown .countdown-grid span {
  margin-top: 8px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  color: #667089 !important;
}

.hero-discuss-btn {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
}

.hero-discuss-btn:hover,
.hero-discuss-btn:focus-visible {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.hero-discuss-btn .tg-icon {
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px;
}

.hero-discuss-btn .login-btn__text strong {
  font-size: 17px !important;
}

.hero-discuss-btn .login-btn__text em {
  font-size: 12px !important;
  color: rgba(19, 26, 45, .6) !important;
}

@media (max-width: 1180px) {
  .site-header .header-countdown {
    width: min(500px, 100%) !important;
  }

  .site-header .header-countdown .countdown-grid div {
    min-height: 98px !important;
    border-radius: 24px !important;
  }

  .site-header .header-countdown .countdown-grid strong {
    font-size: 38px !important;
  }

  .site-header .header-countdown .countdown-grid span {
    font-size: 12px !important;
  }
}

@media (max-width: 980px) {
  .site-header .header-countdown {
    width: min(460px, 100%) !important;
  }

  .site-header .header-countdown .countdown-title {
    margin-bottom: 10px !important;
    font-size: 14px !important;
  }

  .site-header .header-countdown .countdown-grid {
    gap: 10px !important;
  }

  .site-header .header-countdown .countdown-grid div {
    min-height: 88px !important;
    border-radius: 22px !important;
  }

  .site-header .header-countdown .countdown-grid strong {
    font-size: 34px !important;
  }

  .hero-discuss-btn {
    right: 50%;
    bottom: 2px;
    transform: translateX(50%);
  }

  .hero-discuss-btn:hover,
  .hero-discuss-btn:focus-visible {
    transform: translateX(50%) translateY(-1px) !important;
  }
}

@media (max-width: 720px) {
  .site-header .header-countdown {
    width: 100% !important;
  }

  .site-header .header-countdown .countdown-title {
    margin-bottom: 9px !important;
    font-size: 13px !important;
  }

  .site-header .header-countdown .countdown-grid {
    gap: 8px !important;
  }

  .site-header .header-countdown .countdown-grid div {
    min-height: 84px !important;
    border-radius: 20px !important;
  }

  .site-header .header-countdown .countdown-grid strong {
    font-size: 32px !important;
  }

  .site-header .header-countdown .countdown-grid span {
    margin-top: 7px !important;
    font-size: 11px !important;
  }

  .hero-discuss-btn {
    min-height: 0;
    padding: 0 !important;
  }

  .hero-discuss-btn .tg-icon {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px;
  }

  .hero-discuss-btn .login-btn__text strong {
    font-size: 15px !important;
  }

  .hero-discuss-btn .login-btn__text em {
    font-size: 11px !important;
  }
}


.header-actions {
  align-items: flex-start !important;
}

.site-header .header-countdown {
  width: auto !important;
  min-width: 330px;
  max-width: 520px;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.site-header .header-countdown .countdown-title {
  margin: 0 0 8px !important;
  color: #4b5367 !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -.02em;
}

.site-header .header-countdown .countdown-grid {
  display: none !important;
}

.site-header .header-countdown .countdown-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 10px;
  color: #697387;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -.01em;
}

.site-header .header-countdown .countdown-inline__prefix {
  color: #697387;
}

.site-header .header-countdown .countdown-inline__part {
  white-space: nowrap;
}

.site-header .header-countdown .countdown-inline strong {
  color: #131a2d;
  font-size: 17px;
  line-height: 1;
  font-weight: 800;
}

.site-header .header-countdown .countdown-inline__seconds {
  display: none !important;
}

@media (max-width: 980px) {
  .site-header .header-countdown {
    min-width: 280px;
    max-width: 420px;
  }

  .site-header .header-countdown .countdown-title {
    margin-bottom: 6px !important;
    font-size: 14px !important;
  }

  .site-header .header-countdown .countdown-inline {
    font-size: 14px;
    gap: 5px 9px;
  }

  .site-header .header-countdown .countdown-inline strong {
    font-size: 16px;
  }
}

@media (max-width: 720px) {
  .header-actions {
    margin-top: 10px !important;
  }

  .site-header .header-countdown {
    min-width: 0;
    max-width: 100%;
  }

  .site-header .header-countdown .countdown-title {
    font-size: 13px !important;
    margin-bottom: 5px !important;
  }

  .site-header .header-countdown .countdown-inline {
    font-size: 13px;
    gap: 4px 8px;
  }

  .site-header .header-countdown .countdown-inline strong {
    font-size: 15px;
  }
}


.hero-art {
  min-height: 410px !important;
}

.hero-trophy-only {
  width: 470px !important;
  right: 8px !important;
  top: 8px !important;
  transform: none !important;
  filter: drop-shadow(0 22px 30px rgba(77, 111, 44, .14)) !important;
}

.hero-art::after {
  right: 78px !important;
  top: 320px !important;
  width: 340px !important;
  height: 34px !important;
  opacity: .14 !important;
}

.hero-flow {
  z-index: 2 !important;
}

.hero-discuss-btn {
  bottom: 0 !important;
  z-index: 8 !important;
}

@media (max-width: 1180px) {
  .hero-art {
    min-height: 390px !important;
  }

  .hero-trophy-only {
    width: 420px !important;
    right: -2px !important;
    top: 18px !important;
  }

  .hero-art::after {
    right: 70px !important;
    top: 306px !important;
    width: 300px !important;
  }
}

@media (max-width: 980px) {
  .hero-art {
    min-height: 380px !important;
  }

  .hero-trophy-only {
    width: 380px !important;
    right: 50% !important;
    top: 20px !important;
    transform: translateX(50%) !important;
  }

  .hero-art::after {
    right: 50% !important;
    top: 302px !important;
    width: 280px !important;
    transform: translateX(50%) !important;
  }
}

@media (max-width: 720px) {
  .hero-art {
    min-height: 320px !important;
  }

  .hero-trophy-only {
    width: 300px !important;
    top: 30px !important;
  }

  .hero-art::after {
    top: 244px !important;
    width: 224px !important;
  }
}


.hero {
  position: relative;
  overflow: hidden;
}

.hero::before {
  content: '';
  position: absolute;
  right: 220px;
  top: 58px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,241,172,.32) 0%, rgba(255,241,172,.18) 38%, rgba(255,241,172,0) 72%);
  pointer-events: none;
  filter: blur(4px);
}

.hero::after {
  content: '';
  position: absolute;
  left: -70px;
  bottom: 86px;
  width: 260px;
  height: 160px;
  border-radius: 999px;
  background: radial-gradient(circle at center, rgba(255,255,255,.14), rgba(255,255,255,0) 72%);
  pointer-events: none;
}

.hero-copy {
  max-width: 590px !important;
}

.hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.hero-copy h1 {
  max-width: 560px;
  margin: 20px 0 16px !important;
  font-size: clamp(62px, 6vw, 88px) !important;
  line-height: .9 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance;
}

.hero-lead {
  max-width: 560px;
  margin: 0 0 18px !important;
  color: rgba(255,255,255,.90) !important;
  font-size: 18px !important;
  line-height: 1.48 !important;
  font-weight: 600 !important;
}

.hero-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 24px;
}

.hero-facts span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.96);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -.01em;
  backdrop-filter: blur(4px);
}

.hero-actions {
  margin-bottom: 72px !important;
}

.hero-btn {
  min-width: 250px;
  min-height: 70px;
  font-size: 20px;
}

.hero-btn--secondary {
  background: rgba(162, 66, 96, .36) !important;
  border-color: rgba(255,255,255,.18) !important;
}

.hero-steps {
  max-width: 790px;
}

.hero-steps div {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18) !important;
}

.hero-note {
  color: rgba(255,255,255,.82) !important;
  font-size: 14px !important;
}

.hero-trophy-only {
  animation: heroIslandFloat 6s ease-in-out infinite;
}

.hero-discuss-btn {
  bottom: 6px !important;
}

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

@media (max-width: 1180px) {
  .hero::before {
    right: 120px;
    top: 76px;
    width: 200px;
    height: 200px;
  }

  .hero-copy h1 {
    font-size: clamp(56px, 5.8vw, 76px) !important;
  }

  .hero-lead {
    font-size: 17px !important;
  }

  .hero-btn {
    min-width: 220px;
    min-height: 66px;
    font-size: 18px;
  }
}

@media (max-width: 980px) {
  .hero::before {
    right: 50%;
    top: 44px;
    width: 180px;
    height: 180px;
    transform: translateX(80%);
  }

  .hero-copy {
    max-width: 100% !important;
  }

  .hero-copy h1 {
    max-width: 100%;
    margin-top: 18px !important;
    font-size: clamp(48px, 8vw, 68px) !important;
  }

  .hero-lead {
    max-width: 100%;
    font-size: 16px !important;
  }

  .hero-facts {
    margin-bottom: 20px;
  }

  .hero-facts span {
    min-height: 34px;
    font-size: 13px;
    padding: 0 12px;
  }

  .hero-actions {
    margin-bottom: 62px !important;
  }

  .hero-btn {
    min-width: 0;
    min-height: 60px;
    font-size: 17px;
  }

  .hero-trophy-only {
    animation: heroIslandFloatMobile 6s ease-in-out infinite;
  }

  @keyframes heroIslandFloatMobile {
    0%, 100% { transform: translateX(50%) translateY(0) !important; }
    50% { transform: translateX(50%) translateY(-6px) !important; }
  }
}

@media (max-width: 720px) {
  .hero-copy h1 {
    font-size: clamp(40px, 12vw, 56px) !important;
    line-height: .92 !important;
  }

  .hero-eyebrow {
    padding: 10px 14px !important;
    font-size: 12px !important;
  }

  .hero-lead {
    font-size: 15px !important;
    line-height: 1.46 !important;
  }

  .hero-facts {
    gap: 8px;
  }

  .hero-facts span {
    min-height: 32px;
    font-size: 12px;
    padding: 0 11px;
  }

  .hero-actions {
    margin-bottom: 48px !important;
  }

  .hero-btn {
    min-height: 56px;
    font-size: 16px;
  }

  .hero-note {
    font-size: 13px !important;
  }
}


.site-header .header-countdown {
  min-width: 350px;
  max-width: 560px;
  margin-left: auto !important;
  padding-right: 6px;
}

.site-header .header-countdown .countdown-title {
  margin-bottom: 6px !important;
  color: rgba(75, 83, 103, .76) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em;
}

.site-header .header-countdown .countdown-inline {
  gap: 4px 10px;
  color: #667186;
  font-size: 14px;
}

.site-header .header-countdown .countdown-inline strong {
  font-size: 16px;
}

.hero {
  min-height: 406px !important;
  padding: 46px 48px 20px !important;
}

.hero-copy {
  max-width: 540px !important;
  align-self: start !important;
}

.hero-copy h1 {
  max-width: 510px;
  margin: 18px 0 14px !important;
  font-size: clamp(54px, 5.1vw, 76px) !important;
  line-height: .92 !important;
  letter-spacing: -.05em !important;
}

.hero-lead {
  max-width: 510px;
  margin: 0 0 14px !important;
  font-size: 17px !important;
  line-height: 1.42 !important;
  color: rgba(255,255,255,.88) !important;
}

.hero-facts {
  gap: 8px;
  margin-bottom: 18px;
}

.hero-facts span {
  min-height: 34px;
  padding: 0 13px;
  font-size: 13px;
  background: rgba(255,255,255,.12);
}

.hero-actions {
  margin-bottom: 34px !important;
}

.hero-btn {
  min-width: 228px;
  min-height: 64px;
  font-size: 18px;
}

.hero-steps {
  max-width: 548px !important;
  gap: 8px;
  margin-bottom: 10px;
}

.hero-steps div {
  min-height: 48px;
  padding: 8px 11px;
  border-radius: 15px;
}

.hero-steps b {
  width: 26px;
  height: 26px;
  flex-basis: 26px;
  font-size: 13px;
}

.hero-steps span {
  font-size: 12.5px;
  line-height: 1.16;
}

.hero-steps-arrows {
  max-width: 548px;
  height: 24px;
  margin: -4px 0 4px;
}

.hero-note {
  max-width: 540px !important;
  font-size: 13px !important;
}

.hero-art {
  min-height: 432px !important;
}

.hero-trophy-only {
  width: 555px !important;
  right: -44px !important;
  top: 18px !important;
  filter: drop-shadow(0 26px 34px rgba(77, 111, 44, .18)) !important;
}

.hero-art::after {
  right: 72px !important;
  top: 374px !important;
  width: 402px !important;
  height: 36px !important;
  opacity: .14 !important;
}

.hero-discuss-btn {
  right: 106px !important;
  bottom: 78px !important;
  z-index: 9 !important;
}

.hero-discuss-btn .tg-icon {
  width: 42px !important;
  height: 42px !important;
}

.hero-discuss-btn .login-btn__text strong {
  font-size: 18px !important;
}

.hero-discuss-btn .login-btn__text em {
  font-size: 12px !important;
}

@media (max-width: 1180px) {
  .hero {
    padding: 42px 38px 20px !important;
  }

  .hero-copy h1 {
    max-width: 470px;
    font-size: clamp(48px, 5vw, 68px) !important;
  }

  .hero-lead {
    max-width: 470px;
    font-size: 16px !important;
  }

  .hero-actions {
    margin-bottom: 28px !important;
  }

  .hero-btn {
    min-width: 210px;
    min-height: 60px;
    font-size: 17px;
  }

  .hero-art {
    min-height: 404px !important;
  }

  .hero-trophy-only {
    width: 495px !important;
    right: -46px !important;
    top: 28px !important;
  }

  .hero-art::after {
    right: 48px !important;
    top: 346px !important;
    width: 360px !important;
  }

  .hero-discuss-btn {
    right: 72px !important;
    bottom: 66px !important;
  }
}

@media (max-width: 980px) {
  .site-header .header-countdown {
    min-width: 280px;
    max-width: 420px;
    padding-right: 0;
  }

  .site-header .header-countdown .countdown-title {
    font-size: 12px !important;
  }

  .site-header .header-countdown .countdown-inline {
    font-size: 13px;
  }

  .site-header .header-countdown .countdown-inline strong {
    font-size: 15px;
  }

  .hero {
    padding: 40px 28px 18px !important;
  }

  .hero-copy h1 {
    max-width: 100%;
    font-size: clamp(44px, 7vw, 60px) !important;
  }

  .hero-lead {
    max-width: 100%;
    font-size: 15.5px !important;
  }

  .hero-actions {
    margin-bottom: 26px !important;
  }

  .hero-steps,
  .hero-steps-arrows,
  .hero-note {
    max-width: 100% !important;
  }

  .hero-art {
    min-height: 396px !important;
  }

  .hero-trophy-only {
    width: 445px !important;
    right: 50% !important;
    top: 18px !important;
    transform: translateX(50%) !important;
  }

  .hero-art::after {
    right: 50% !important;
    top: 332px !important;
    width: 324px !important;
    transform: translateX(50%) !important;
  }

  .hero-discuss-btn {
    right: 50% !important;
    bottom: 48px !important;
    transform: translateX(50%) !important;
  }

  .hero-discuss-btn:hover,
  .hero-discuss-btn:focus-visible {
    transform: translateX(50%) translateY(-1px) !important;
  }
}

@media (max-width: 720px) {
  .hero {
    padding: 34px 20px 16px !important;
  }

  .site-header .header-countdown {
    min-width: 0;
    max-width: 100%;
  }

  .hero-copy h1 {
    font-size: clamp(38px, 11vw, 52px) !important;
    max-width: 100%;
  }

  .hero-lead {
    font-size: 14.5px !important;
    line-height: 1.42 !important;
  }

  .hero-actions {
    margin-bottom: 22px !important;
  }

  .hero-btn {
    min-height: 54px;
    font-size: 15px;
  }

  .hero-steps {
    gap: 7px;
  }

  .hero-steps div {
    min-height: 46px;
    padding: 8px 10px;
  }

  .hero-art {
    min-height: 338px !important;
  }

  .hero-trophy-only {
    width: 328px !important;
    top: 26px !important;
  }

  .hero-art::after {
    top: 274px !important;
    width: 236px !important;
  }

  .hero-discuss-btn {
    bottom: 22px !important;
  }

  .hero-discuss-btn .tg-icon {
    width: 38px !important;
    height: 38px !important;
  }

  .hero-discuss-btn .login-btn__text strong {
    font-size: 15px !important;
  }

  .hero-discuss-btn .login-btn__text em {
    font-size: 11px !important;
  }
}


.page-shell {
  padding-top: 20px !important;
}

.site-header {
  position: relative;
  align-items: center !important;
  gap: 24px !important;
  margin-bottom: 18px !important;
  padding: 18px 24px 17px !important;
  background: rgba(255, 253, 251, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  border-bottom: 1px solid rgba(20, 30, 50, 0.06) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 28px rgba(31, 39, 58, 0.045), 0 1px 0 rgba(255, 255, 255, 0.72) inset !important;
  backdrop-filter: blur(8px);
}

.brand {
  gap: 12px !important;
}

.brand-copy {
  justify-content: center;
}

.brand-text {
  font-size: 24px !important;
}

.brand-quote {
  margin-top: 3px !important;
  font-size: 11.5px !important;
  color: rgba(19, 26, 45, 0.60) !important;
}

.brand-quote::after {
  width: 126px !important;
  background: linear-gradient(90deg, rgba(19, 26, 45, 0.18) 0%, rgba(19, 26, 45, 0.08) 58%, rgba(19, 26, 45, 0) 100%) !important;
}

.header-actions {
  align-items: center !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
  padding-top: 0 !important;
}

.site-header .header-countdown {
  min-width: 360px;
  max-width: 560px;
  margin-left: auto !important;
  padding-right: 2px !important;
}

.site-header .header-countdown .countdown-title {
  margin-bottom: 5px !important;
  color: rgba(75, 83, 103, 0.74) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
}

.site-header .header-countdown .countdown-inline {
  color: #6f7890 !important;
  font-size: 13.5px !important;
  gap: 4px 9px !important;
}

.site-header .header-countdown .countdown-inline strong {
  font-size: 15px !important;
}

@media (max-width: 980px) {
  .page-shell {
    padding-top: 16px !important;
  }

  .site-header {
    padding: 16px 18px 15px !important;
    border-radius: 18px !important;
    gap: 18px !important;
  }

  .brand-text {
    font-size: 22px !important;
  }

  .site-header .header-countdown {
    min-width: 290px;
    max-width: 420px;
  }

  .site-header .header-countdown .countdown-inline {
    font-size: 13px !important;
  }

  .site-header .header-countdown .countdown-inline strong {
    font-size: 14px !important;
  }
}

@media (max-width: 720px) {
  .site-header {
    align-items: flex-start !important;
    padding: 15px 14px 14px !important;
    border-radius: 16px !important;
  }

  .header-actions {
    width: 100%;
    justify-content: flex-start !important;
    margin-top: 8px !important;
  }

  .site-header .header-countdown {
    min-width: 0;
    max-width: 100%;
    width: 100% !important;
  }

  .site-header .header-countdown .countdown-title {
    font-size: 12px !important;
  }

  .site-header .header-countdown .countdown-inline {
    font-size: 12.5px !important;
    gap: 4px 8px !important;
  }

  .site-header .header-countdown .countdown-inline strong {
    font-size: 14px !important;
  }
}


.header-actions {
  align-items: center !important;
}

.site-header .header-countdown {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end;
  gap: 14px;
}

.header-countdown__icon {
  width: 38px;
  height: 38px;
  object-fit: contain;
  flex: 0 0 38px;
  display: block;
  filter: drop-shadow(0 8px 12px rgba(30, 38, 58, .10));
}

.header-countdown__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
}

.site-header .header-countdown .countdown-title {
  margin: 0 0 4px !important;
  line-height: 1.1 !important;
}

.site-header .header-countdown .countdown-inline {
  align-items: baseline;
  line-height: 1.15;
}

@media (max-width: 980px) {
  .site-header .header-countdown {
    gap: 12px;
  }

  .header-countdown__icon {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }
}

@media (max-width: 720px) {
  .site-header .header-countdown {
    justify-content: flex-start;
    gap: 10px;
  }

  .header-countdown__icon {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }
}


.hero-copy h1 {
  max-width: 500px !important;
}

.hero-lead {
  max-width: 500px !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}

.hero-facts {
  margin-bottom: 22px !important;
}

.hero-facts span {
  background: rgba(255,255,255,.18) !important;
  border-color: rgba(255,255,255,.24) !important;
  font-weight: 800 !important;
}

@media (max-width: 980px) {
  .hero-copy h1,
  .hero-lead {
    max-width: 100% !important;
  }

  .hero-lead {
    font-size: 16px !important;
  }
}

@media (max-width: 720px) {
  .hero-lead {
    font-size: 15px !important;
  }
}


.hero-copy h1 {
  max-width: 520px !important;
}

.hero-lead {
  max-width: 520px !important;
}

.hero-facts span:first-child {
  background: rgba(255, 241, 172, .20) !important;
  border-color: rgba(255, 241, 172, .30) !important;
}


.page-shell {
  padding-top: 22px !important;
}

.site-header {
  padding: 0 4px 18px !important;
  margin-bottom: 18px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(20, 30, 50, .07) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  align-items: center !important;
}

.brand {
  gap: 12px !important;
}

.brand-mark {
  flex-basis: 46px !important;
  width: 46px !important;
  height: 46px !important;
  filter: drop-shadow(0 10px 18px rgba(169, 108, 36, .14)) !important;
}

.brand-mark img {
  width: 46px !important;
  height: 46px !important;
}

.brand-text {
  font-size: 26px !important;
  line-height: .95 !important;
  letter-spacing: -.045em !important;
}

.brand-domain {
  opacity: .50 !important;
}

.brand-quote {
  margin-top: 5px !important;
  color: rgba(19, 26, 45, .58) !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
}

.brand-quote::after {
  width: 118px !important;
  height: 2px !important;
  background: linear-gradient(90deg, rgba(122, 66, 255, .25) 0%, rgba(19, 26, 45, .10) 62%, rgba(19, 26, 45, 0) 100%) !important;
}

.header-actions {
  align-items: center !important;
  justify-content: flex-end !important;
  padding-top: 0 !important;
}

.site-header .header-countdown {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 !important;
}

.header-countdown__icon {
  width: 34px !important;
  height: 34px !important;
  flex-basis: 34px !important;
  opacity: .95;
  filter: drop-shadow(0 7px 12px rgba(30, 38, 58, .10)) !important;
}

.header-countdown__copy {
  justify-content: center;
}

.site-header .header-countdown .countdown-title {
  margin: 0 0 4px !important;
  color: rgba(19, 26, 45, .70) !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
}

.site-header .header-countdown .countdown-inline {
  gap: 3px 8px !important;
  color: rgba(19, 26, 45, .56) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

.site-header .header-countdown .countdown-inline strong {
  color: #131a2d !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

@media (max-width: 980px) {
  .page-shell {
    padding-top: 18px !important;
  }

  .site-header {
    padding-bottom: 14px !important;
    gap: 18px !important;
  }

  .brand-mark {
    flex-basis: 42px !important;
    width: 42px !important;
    height: 42px !important;
  }

  .brand-mark img {
    width: 42px !important;
    height: 42px !important;
  }

  .brand-text {
    font-size: 23px !important;
  }

  .brand-quote {
    font-size: 10.5px !important;
  }

  .site-header .header-countdown {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 10px !important;
  }

  .header-countdown__icon {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }

  .site-header .header-countdown .countdown-title {
    font-size: 11.5px !important;
  }

  .site-header .header-countdown .countdown-inline {
    font-size: 12px !important;
    gap: 3px 7px !important;
  }

  .site-header .header-countdown .countdown-inline strong {
    font-size: 14px !important;
  }
}

@media (max-width: 720px) {
  .site-header {
    flex-direction: column;
    align-items: flex-start !important;
    padding: 0 0 14px !important;
  }

  .header-actions {
    width: 100%;
    justify-content: flex-start !important;
    margin-top: 10px !important;
  }

  .site-header .header-countdown {
    grid-template-columns: 30px minmax(0, 1fr);
  }

  .brand-text {
    font-size: 22px !important;
  }
}


.site-header {
  align-items: flex-start !important;
  padding: 2px 4px 16px !important;
}

.brand {
  align-items: flex-start !important;
}

.brand-copy {
  padding-top: 2px;
}

.header-actions {
  align-self: flex-start !important;
  padding-top: 6px !important;
}

.site-header .header-countdown {
  grid-template-columns: 50px minmax(0, 1fr) !important;
  gap: 14px !important;
}

.header-countdown__icon {
  width: 42px !important;
  height: 42px !important;
  flex-basis: 42px !important;
  padding: 5px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(255,250,245,.84) 100%) !important;
  border: 1px solid rgba(20, 30, 50, .06) !important;
  box-shadow: 0 10px 18px rgba(29, 35, 55, .08), inset 0 1px 0 rgba(255,255,255,.85) !important;
  opacity: 1 !important;
  filter: none !important;
}

.header-countdown__copy {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  padding-top: 1px;
}

.site-header .header-countdown .countdown-title {
  margin: 0 0 5px !important;
  font-size: 12.5px !important;
}

.site-header .header-countdown .countdown-inline {
  font-size: 13.5px !important;
  gap: 4px 8px !important;
}

.site-header .header-countdown .countdown-inline strong {
  font-size: 15.5px !important;
}

@media (max-width: 980px) {
  .header-actions {
    padding-top: 4px !important;
  }

  .site-header .header-countdown {
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .header-countdown__icon {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    border-radius: 12px !important;
    padding: 4px !important;
  }
}

@media (max-width: 720px) {
  .site-header {
    align-items: flex-start !important;
    padding: 0 0 14px !important;
  }

  .header-actions {
    padding-top: 2px !important;
  }

  .site-header .header-countdown {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .header-countdown__icon {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    border-radius: 11px !important;
    padding: 4px !important;
  }
}


.site-header .header-countdown {
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 15px !important;
}

.header-countdown__icon {
  width: 52px !important;
  height: 52px !important;
  flex-basis: 52px !important;
  padding: 6px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,251,247,.88) 100%) !important;
  border: 1px solid rgba(20, 30, 50, .07) !important;
  box-shadow: 0 12px 22px rgba(29, 35, 55, .09), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

@media (max-width: 980px) {
  .site-header .header-countdown {
    grid-template-columns: 50px minmax(0, 1fr) !important;
    gap: 13px !important;
  }

  .header-countdown__icon {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
    padding: 5px !important;
    border-radius: 14px !important;
  }
}

@media (max-width: 720px) {
  .site-header .header-countdown {
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 11px !important;
  }

  .header-countdown__icon {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    padding: 4px !important;
    border-radius: 12px !important;
  }
}


.hero-lead {
  max-width: 535px !important;
  line-height: 1.44 !important;
}


.hero-lead {
  max-width: 560px !important;
}


.hero-facts {
  display: none !important;
}

.hero-lead {
  margin-bottom: 24px !important;
}

@media (max-width: 980px) {
  .hero-lead {
    margin-bottom: 20px !important;
  }
}


.site-header {
  align-items: center !important;
}

.header-actions {
  align-items: center !important;
  padding-top: 0 !important;
}

.site-header .header-countdown {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: center;
  gap: 5px !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  padding: 10px 14px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.54) !important;
  border: 1px solid rgba(20, 30, 50, .055) !important;
  box-shadow: 0 8px 18px rgba(31, 39, 58, .035) !important;
}

.header-countdown__icon,
.header-countdown__copy,
.site-header .header-countdown .countdown-title,
.site-header .header-countdown .countdown-inline {
  display: none !important;
}

.header-countdown__label {
  display: block;
  color: rgba(19, 26, 45, .62);
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .01em;
  text-transform: uppercase;
}

.header-countdown__line {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 7px;
  color: rgba(19, 26, 45, .58);
  font-size: 13px;
  line-height: 1.1;
  font-weight: 700;
}

.header-countdown__line strong {
  color: #131a2d;
  font-size: 16px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.03em;
}

.header-countdown__line .countdown-inline__seconds {
  display: none !important;
}

@media (max-width: 980px) {
  .site-header .header-countdown {
    padding: 9px 12px !important;
    border-radius: 14px !important;
  }

  .header-countdown__label {
    font-size: 10px;
  }

  .header-countdown__line {
    font-size: 12px;
    gap: 4px 6px;
  }

  .header-countdown__line strong {
    font-size: 15px;
  }
}

@media (max-width: 720px) {
  .header-actions {
    margin-top: 8px !important;
    width: auto !important;
  }

  .site-header .header-countdown {
    padding: 8px 10px !important;
  }

  .header-countdown__line {
    font-size: 11.5px;
  }

  .header-countdown__line strong {
    font-size: 14px;
  }
}


.page-shell {
  padding-top: 18px !important;
}

.site-header {
  position: relative;
  align-items: center !important;
  gap: 28px !important;
  padding: 14px 18px 15px !important;
  margin-bottom: 18px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.56) 0%, rgba(255,253,251,.42) 100%) !important;
  border: 1px solid rgba(255,255,255,.52) !important;
  border-bottom-color: rgba(20, 30, 50, .05) !important;
  border-radius: 24px !important;
  box-shadow: 0 10px 28px rgba(31,39,58,.045), 0 1px 0 rgba(255,255,255,.72) inset !important;
  backdrop-filter: blur(8px) !important;
}

.brand {
  gap: 14px !important;
  align-items: center !important;
}

.brand-mark {
  width: 56px !important;
  height: 56px !important;
  flex-basis: 56px !important;
}

.brand-mark img {
  width: 56px !important;
  height: 56px !important;
}

.brand-copy {
  padding-top: 0 !important;
  justify-content: center;
}

.brand-text {
  font-size: 29px !important;
  line-height: .95 !important;
  letter-spacing: -.045em !important;
}

.brand-domain {
  opacity: .48 !important;
}

.brand-quote {
  margin-top: 5px !important;
  color: rgba(19,26,45,.58) !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
}

.brand-quote::after {
  width: 132px !important;
  height: 2px !important;
  background: linear-gradient(90deg, rgba(122,66,255,.22) 0%, rgba(19,26,45,.08) 68%, rgba(19,26,45,0) 100%) !important;
}

.header-actions {
  margin-left: auto !important;
}

.site-header .header-countdown {
  padding: 12px 18px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(255,255,255,.75) !important;
  box-shadow: 0 8px 22px rgba(31,39,58,.04), 0 1px 0 rgba(255,255,255,.82) inset !important;
}

.header-countdown__label {
  color: rgba(19,26,45,.52) !important;
  font-size: 10.5px !important;
  letter-spacing: .04em !important;
}

.header-countdown__line {
  gap: 4px 8px !important;
  color: rgba(19,26,45,.54) !important;
  font-size: 14px !important;
  line-height: 1.05 !important;
}

.header-countdown__line strong {
  font-size: 17px !important;
  font-weight: 900 !important;
}

@media (max-width: 980px) {
  .site-header {
    gap: 18px !important;
    padding: 12px 14px 13px !important;
    border-radius: 20px !important;
  }

  .brand-mark,
  .brand-mark img {
    width: 50px !important;
    height: 50px !important;
    flex-basis: 50px !important;
  }

  .brand-text {
    font-size: 26px !important;
  }

  .site-header .header-countdown {
    padding: 10px 14px !important;
    border-radius: 16px !important;
  }

  .header-countdown__line {
    font-size: 13px !important;
  }

  .header-countdown__line strong {
    font-size: 16px !important;
  }
}

@media (max-width: 720px) {
  .site-header {
    padding: 12px 12px 13px !important;
    border-radius: 18px !important;
  }

  .brand-mark,
  .brand-mark img {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
  }

  .brand-text {
    font-size: 23px !important;
  }

  .site-header .header-countdown {
    width: 100% !important;
    padding: 9px 12px !important;
  }

  .header-countdown__line {
    font-size: 12px !important;
  }

  .header-countdown__line strong {
    font-size: 15px !important;
  }
}


.header-actions {
  margin-left: auto !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.header-discuss-link {
  display: inline-flex !important;
  align-items: center;
  gap: 12px;
  padding: 10px 14px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.74) !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  box-shadow: 0 8px 20px rgba(31,39,58,.04), inset 0 1px 0 rgba(255,255,255,.82) !important;
  text-decoration: none;
}

.header-discuss-link .tg-icon {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px;
}

.header-discuss-link .login-btn__text {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.header-discuss-link .login-btn__text strong {
  font-size: 16px !important;
  line-height: 1.05 !important;
}

.header-discuss-link .login-btn__text em {
  font-size: 12px !important;
  line-height: 1.05 !important;
}

.hero-timer-panel {
  position: absolute !important;
  right: 58px !important;
  bottom: 44px !important;
  z-index: 10 !important;
  width: 430px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.hero-timer-panel .countdown-title {
  margin: 0 0 12px !important;
  color: rgba(255,255,255,.95) !important;
  font-size: 19px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.06);
}

.hero-timer-panel .countdown-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px !important;
}

.hero-timer-panel .countdown-grid div {
  min-height: 112px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 8px 14px;
  border-radius: 28px;
  background: rgba(255,255,255,.95);
  border: 1px solid rgba(226, 233, 244, .9);
  box-shadow: 0 16px 34px rgba(31,39,58,.10);
}

.hero-timer-panel .countdown-grid strong {
  color: #131a2d;
  font-size: 42px !important;
  line-height: .95 !important;
  font-weight: 900 !important;
  letter-spacing: -.05em;
}

.hero-timer-panel .countdown-grid span {
  margin-top: 10px;
  color: #6d758a;
  font-size: 14px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
}


.site-header .header-countdown {
  display: none !important;
}

@media (max-width: 1180px) {
  .hero-timer-panel {
    right: 26px !important;
    bottom: 34px !important;
    width: 390px !important;
  }

  .hero-timer-panel .countdown-grid div {
    min-height: 100px;
    border-radius: 24px;
  }

  .hero-timer-panel .countdown-grid strong {
    font-size: 36px !important;
  }
}

@media (max-width: 980px) {
  .header-discuss-link {
    padding: 9px 12px !important;
  }

  .header-discuss-link .tg-icon {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px;
  }

  .header-discuss-link .login-btn__text strong {
    font-size: 15px !important;
  }

  .header-discuss-link .login-btn__text em {
    font-size: 11.5px !important;
  }

  .hero-timer-panel {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    width: min(100%, 430px) !important;
    margin: 26px auto 0 !important;
  }
}

@media (max-width: 720px) {
  .header-actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  .header-discuss-link {
    width: auto;
  }

  .hero-timer-panel .countdown-title {
    font-size: 17px !important;
    margin-bottom: 10px !important;
  }

  .hero-timer-panel .countdown-grid {
    gap: 10px !important;
  }

  .hero-timer-panel .countdown-grid div {
    min-height: 88px;
    padding: 14px 6px 12px;
    border-radius: 22px;
  }

  .hero-timer-panel .countdown-grid strong {
    font-size: 32px !important;
  }

  .hero-timer-panel .countdown-grid span {
    font-size: 12px !important;
    margin-top: 8px;
  }
}


.site-header {
  align-items: center !important;
}

.brand {
  align-items: center !important;
}

.brand-copy {
  justify-content: center;
}

.brand-quote {
  margin-top: 4px !important;
}

.header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  align-self: center !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.header-discuss-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  min-height: 78px !important;
  padding: 12px 22px 12px 16px !important;
  background: #ffffff !important;
  border: 0 !important;
  outline: none !important;
  border-radius: 28px !important;
  box-shadow: 0 12px 26px rgba(31, 39, 58, .07) !important;
}

.header-discuss-link::before,
.header-discuss-link::after {
  display: none !important;
  content: none !important;
}

.header-discuss-link:hover,
.header-discuss-link:focus-visible {
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 30px rgba(31, 39, 58, .09) !important;
}

.header-discuss-link .tg-icon {
  width: 50px !important;
  height: 50px !important;
  flex: 0 0 50px !important;
}

.header-discuss-link .login-btn__text {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 2px !important;
  text-align: left !important;
}

.header-discuss-link .login-btn__text strong {
  font-size: 18px !important;
  line-height: 1.02 !important;
  font-weight: 900 !important;
  letter-spacing: -.03em !important;
  color: #131a2d !important;
}

.header-discuss-link .login-btn__text em {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  color: #7a8092 !important;
}

@media (max-width: 980px) {
  .header-discuss-link {
    min-height: 70px !important;
    padding: 10px 18px 10px 14px !important;
    border-radius: 24px !important;
  }

  .header-discuss-link .tg-icon {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
  }

  .header-discuss-link .login-btn__text strong {
    font-size: 16px !important;
  }

  .header-discuss-link .login-btn__text em {
    font-size: 11px !important;
  }
}

@media (max-width: 720px) {
  .header-actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  .header-discuss-link {
    min-height: 64px !important;
    padding: 10px 16px 10px 12px !important;
    border-radius: 22px !important;
  }

  .header-discuss-link .tg-icon {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }
}


.site-header {
  padding: 12px 18px 13px !important;
  border-radius: 22px !important;
}

.brand {
  gap: 12px !important;
}

.brand-mark {
  width: 48px !important;
  height: 48px !important;
  flex-basis: 48px !important;
}

.brand-mark img {
  width: 48px !important;
  height: 48px !important;
}

.brand-text {
  font-size: 24px !important;
}

.brand-quote {
  font-size: 11px !important;
  margin-top: 3px !important;
}

.brand-quote::after {
  width: 116px !important;
}

.header-actions {
  align-self: center !important;
}

.header-discuss-link {
  min-height: 0 !important;
  padding: 0 !important;
  gap: 10px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.header-discuss-link:hover,
.header-discuss-link:focus-visible {
  transform: none !important;
  box-shadow: none !important;
}

.header-discuss-link .tg-icon {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
}

.header-discuss-link .login-btn__text {
  gap: 1px !important;
}

.header-discuss-link .login-btn__text strong {
  font-size: 14px !important;
  line-height: 1.06 !important;
  font-weight: 800 !important;
}

.header-discuss-link .login-btn__text em {
  font-size: 10.5px !important;
  line-height: 1.05 !important;
}

@media (max-width: 980px) {
  .site-header {
    padding: 10px 14px 11px !important;
  }

  .brand-mark,
  .brand-mark img {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
  }

  .brand-text {
    font-size: 22px !important;
  }

  .header-discuss-link .tg-icon {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
  }

  .header-discuss-link .login-btn__text strong {
    font-size: 13px !important;
  }
}

@media (max-width: 720px) {
  .site-header {
    padding: 10px 12px 11px !important;
  }

  .brand-mark,
  .brand-mark img {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }

  .brand-text {
    font-size: 20px !important;
  }

  .header-discuss-link .tg-icon {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }

  .header-discuss-link .login-btn__text strong {
    font-size: 12.5px !important;
  }

  .header-discuss-link .login-btn__text em {
    font-size: 10px !important;
  }
}


.site-header .header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

.site-header .header-actions .header-discuss-link,
.site-header .header-actions .header-discuss-link.login-btn {
  display: grid !important;
  grid-template-columns: 34px auto !important;
  align-items: center !important;
  column-gap: 10px !important;
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  text-decoration: none !important;
}

.site-header .header-actions .header-discuss-link::before,
.site-header .header-actions .header-discuss-link::after,
.site-header .header-actions .header-discuss-link.login-btn::before,
.site-header .header-actions .header-discuss-link.login-btn::after {
  content: none !important;
  display: none !important;
}

.site-header .header-actions .header-discuss-link *,
.site-header .header-actions .header-discuss-link.login-btn * {
  box-shadow: none !important;
}

.site-header .header-actions .header-discuss-link .tg-icon,
.site-header .header-actions .header-discuss-link.login-btn .tg-icon {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  flex: 0 0 34px !important;
  margin: 0 !important;
}

.site-header .header-actions .header-discuss-link .login-btn__text,
.site-header .header-actions .header-discuss-link.login-btn .login-btn__text {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 0 !important;
  min-width: 0 !important;
  background: none !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.site-header .header-actions .header-discuss-link .login-btn__text strong,
.site-header .header-actions .header-discuss-link.login-btn .login-btn__text strong {
  font-size: 13px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.site-header .header-actions .header-discuss-link .login-btn__text em,
.site-header .header-actions .header-discuss-link.login-btn .login-btn__text em {
  font-size: 10px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

.site-header .header-actions .header-discuss-link:hover,
.site-header .header-actions .header-discuss-link:focus-visible {
  transform: none !important;
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 980px) {
  .site-header .header-actions .header-discuss-link,
  .site-header .header-actions .header-discuss-link.login-btn {
    width: 206px !important;
    min-width: 206px !important;
    max-width: 206px !important;
    height: 40px !important;
    min-height: 40px !important;
    grid-template-columns: 32px auto !important;
    column-gap: 9px !important;
  }

  .site-header .header-actions .header-discuss-link .tg-icon,
  .site-header .header-actions .header-discuss-link.login-btn .tg-icon {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    flex-basis: 32px !important;
  }

  .site-header .header-actions .header-discuss-link .login-btn__text strong,
  .site-header .header-actions .header-discuss-link.login-btn .login-btn__text strong {
    font-size: 12.5px !important;
  }
}

@media (max-width: 720px) {
  .site-header .header-actions .header-discuss-link,
  .site-header .header-actions .header-discuss-link.login-btn {
    width: 194px !important;
    min-width: 194px !important;
    max-width: 194px !important;
    height: 38px !important;
    min-height: 38px !important;
    grid-template-columns: 30px auto !important;
    column-gap: 8px !important;
  }

  .site-header .header-actions .header-discuss-link .tg-icon,
  .site-header .header-actions .header-discuss-link.login-btn .tg-icon {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    flex-basis: 30px !important;
  }

  .site-header .header-actions .header-discuss-link .login-btn__text strong,
  .site-header .header-actions .header-discuss-link.login-btn .login-btn__text strong {
    font-size: 12px !important;
  }

  .site-header .header-actions .header-discuss-link .login-btn__text em,
  .site-header .header-actions .header-discuss-link.login-btn .login-btn__text em {
    font-size: 9.5px !important;
  }
}


.site-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 24px !important;
  padding: 14px 22px !important;
}

.brand {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.brand-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.brand-quote {
  margin-top: 4px !important;
}

.site-header .header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  align-self: center !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-header .header-actions .header-discuss-link,
.site-header .header-actions .header-discuss-link.login-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 216px !important;
  min-width: 216px !important;
  max-width: 216px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.site-header .header-actions .header-discuss-link::before,
.site-header .header-actions .header-discuss-link::after,
.site-header .header-actions .header-discuss-link.login-btn::before,
.site-header .header-actions .header-discuss-link.login-btn::after {
  content: none !important;
  display: none !important;
}

.site-header .header-actions .header-discuss-link *,
.site-header .header-actions .header-discuss-link.login-btn * {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.site-header .header-actions .header-discuss-link:hover,
.site-header .header-actions .header-discuss-link:focus-visible {
  transform: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.site-header .header-actions .header-discuss-link .tg-icon,
.site-header .header-actions .header-discuss-link.login-btn .tg-icon {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  flex: 0 0 34px !important;
  margin: 0 !important;
}

.site-header .header-actions .header-discuss-link .login-btn__text,
.site-header .header-actions .header-discuss-link.login-btn .login-btn__text {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 1px !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.site-header .header-actions .header-discuss-link .login-btn__text strong,
.site-header .header-actions .header-discuss-link.login-btn .login-btn__text strong {
  font-size: 13px !important;
  line-height: 1.02 !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
}

.site-header .header-actions .header-discuss-link .login-btn__text em,
.site-header .header-actions .header-discuss-link.login-btn .login-btn__text em {
  font-size: 10px !important;
  line-height: 1.02 !important;
  font-weight: 700 !important;
}

@media (max-width: 980px) {
  .site-header {
    padding: 12px 18px !important;
    column-gap: 18px !important;
  }

  .site-header .header-actions .header-discuss-link,
  .site-header .header-actions .header-discuss-link.login-btn {
    width: 204px !important;
    min-width: 204px !important;
    max-width: 204px !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  .site-header .header-actions .header-discuss-link .tg-icon,
  .site-header .header-actions .header-discuss-link.login-btn .tg-icon {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    flex-basis: 32px !important;
  }
}

@media (max-width: 720px) {
  .site-header {
    grid-template-columns: 1fr !important;
    row-gap: 10px !important;
    padding: 10px 14px !important;
  }

  .site-header .header-actions {
    justify-content: flex-start !important;
  }

  .site-header .header-actions .header-discuss-link,
  .site-header .header-actions .header-discuss-link.login-btn {
    width: 194px !important;
    min-width: 194px !important;
    max-width: 194px !important;
    height: 34px !important;
    min-height: 34px !important;
  }

  .site-header .header-actions .header-discuss-link .tg-icon,
  .site-header .header-actions .header-discuss-link.login-btn .tg-icon {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    flex-basis: 30px !important;
  }
}


.site-header .header-actions .header-discuss-link,
.site-header .header-actions .header-discuss-link.login-btn {
  width: 252px !important;
  min-width: 252px !important;
  max-width: 252px !important;
  height: 48px !important;
  min-height: 48px !important;
  gap: 12px !important;
}

.site-header .header-actions .header-discuss-link .tg-icon,
.site-header .header-actions .header-discuss-link.login-btn .tg-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  flex-basis: 40px !important;
}

.site-header .header-actions .header-discuss-link .login-btn__text strong,
.site-header .header-actions .header-discuss-link.login-btn .login-btn__text strong {
  font-size: 16px !important;
  line-height: 1.02 !important;
}

.site-header .header-actions .header-discuss-link .login-btn__text em,
.site-header .header-actions .header-discuss-link.login-btn .login-btn__text em {
  font-size: 12px !important;
  line-height: 1.02 !important;
}

@media (max-width: 980px) {
  .site-header .header-actions .header-discuss-link,
  .site-header .header-actions .header-discuss-link.login-btn {
    width: 232px !important;
    min-width: 232px !important;
    max-width: 232px !important;
    height: 44px !important;
    min-height: 44px !important;
    gap: 11px !important;
  }

  .site-header .header-actions .header-discuss-link .tg-icon,
  .site-header .header-actions .header-discuss-link.login-btn .tg-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    flex-basis: 36px !important;
  }

  .site-header .header-actions .header-discuss-link .login-btn__text strong,
  .site-header .header-actions .header-discuss-link.login-btn .login-btn__text strong {
    font-size: 15px !important;
  }

  .site-header .header-actions .header-discuss-link .login-btn__text em,
  .site-header .header-actions .header-discuss-link.login-btn .login-btn__text em {
    font-size: 11px !important;
  }
}

@media (max-width: 720px) {
  .site-header .header-actions .header-discuss-link,
  .site-header .header-actions .header-discuss-link.login-btn {
    width: 214px !important;
    min-width: 214px !important;
    max-width: 214px !important;
    height: 40px !important;
    min-height: 40px !important;
    gap: 10px !important;
  }

  .site-header .header-actions .header-discuss-link .tg-icon,
  .site-header .header-actions .header-discuss-link.login-btn .tg-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    flex-basis: 34px !important;
  }

  .site-header .header-actions .header-discuss-link .login-btn__text strong,
  .site-header .header-actions .header-discuss-link.login-btn .login-btn__text strong {
    font-size: 14px !important;
  }

  .site-header .header-actions .header-discuss-link .login-btn__text em,
  .site-header .header-actions .header-discuss-link.login-btn .login-btn__text em {
    font-size: 10.5px !important;
  }
}


.site-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  min-height: 104px !important;
  padding: 16px 24px !important;
}

.site-header .brand {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.site-header .brand-mark,
.site-header .brand-mark img {
  width: 54px !important;
  height: 54px !important;
  flex: 0 0 54px !important;
}

.site-header .brand-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
}

.site-header .brand-text {
  font-size: 28px !important;
  line-height: 0.96 !important;
}

.site-header .brand-quote {
  margin-top: 5px !important;
  font-size: 12px !important;
  line-height: 1.12 !important;
}

.site-header .header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  align-self: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.site-header .header-actions .header-discuss-link,
.site-header .header-actions .header-discuss-link.login-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.site-header .header-actions .header-discuss-link .tg-icon,
.site-header .header-actions .header-discuss-link.login-btn .tg-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  flex: 0 0 40px !important;
}

.site-header .header-actions .header-discuss-link .login-btn__text,
.site-header .header-actions .header-discuss-link.login-btn .login-btn__text {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 1px !important;
}

.site-header .header-actions .header-discuss-link .login-btn__text strong,
.site-header .header-actions .header-discuss-link.login-btn .login-btn__text strong {
  font-size: 15px !important;
  line-height: 1.03 !important;
}

.site-header .header-actions .header-discuss-link .login-btn__text em,
.site-header .header-actions .header-discuss-link.login-btn .login-btn__text em {
  font-size: 11px !important;
  line-height: 1.03 !important;
}

@media (max-width: 1024px) {
  .site-header {
    gap: 18px !important;
    min-height: 92px !important;
    padding: 14px 18px !important;
  }

  .site-header .brand-mark,
  .site-header .brand-mark img {
    width: 50px !important;
    height: 50px !important;
    flex-basis: 50px !important;
  }

  .site-header .brand-text {
    font-size: 25px !important;
  }

  .site-header .header-actions .header-discuss-link,
  .site-header .header-actions .header-discuss-link.login-btn {
    width: 232px !important;
    min-width: 232px !important;
    max-width: 232px !important;
    height: 44px !important;
    min-height: 44px !important;
  }

  .site-header .header-actions .header-discuss-link .tg-icon,
  .site-header .header-actions .header-discuss-link.login-btn .tg-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    flex-basis: 36px !important;
  }
}

@media (max-width: 820px) {
  .site-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    min-height: 0 !important;
    padding: 14px 16px !important;
  }

  .site-header .brand {
    width: 100% !important;
  }

  .site-header .header-actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  .site-header .header-actions .header-discuss-link,
  .site-header .header-actions .header-discuss-link.login-btn {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: 42px !important;
    min-height: 42px !important;
  }
}

@media (max-width: 560px) {
  .site-header {
    padding: 12px 14px !important;
    gap: 10px !important;
  }

  .site-header .brand {
    gap: 10px !important;
  }

  .site-header .brand-mark,
  .site-header .brand-mark img {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
  }

  .site-header .brand-text {
    font-size: 21px !important;
  }

  .site-header .brand-quote {
    font-size: 10.5px !important;
    margin-top: 3px !important;
  }

  .site-header .brand-quote::after {
    width: 106px !important;
  }

  .site-header .header-actions .header-discuss-link,
  .site-header .header-actions .header-discuss-link.login-btn {
    width: 202px !important;
    min-width: 202px !important;
    max-width: 202px !important;
    height: 38px !important;
    min-height: 38px !important;
    gap: 9px !important;
  }

  .site-header .header-actions .header-discuss-link .tg-icon,
  .site-header .header-actions .header-discuss-link.login-btn .tg-icon {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    flex-basis: 32px !important;
  }

  .site-header .header-actions .header-discuss-link .login-btn__text strong,
  .site-header .header-actions .header-discuss-link.login-btn .login-btn__text strong {
    font-size: 13px !important;
  }

  .site-header .header-actions .header-discuss-link .login-btn__text em,
  .site-header .header-actions .header-discuss-link.login-btn .login-btn__text em {
    font-size: 10px !important;
  }
}


.site-header .brand {
  gap: 12px !important;
}

.site-header .brand-mark,
.site-header .brand-mark img {
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
}

.site-header .brand-text {
  font-size: 24px !important;
  line-height: 0.97 !important;
}

.site-header .brand-quote {
  margin-top: 4px !important;
  font-size: 11px !important;
}

@media (max-width: 1024px) {
  .site-header .brand-mark,
  .site-header .brand-mark img {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
  }

  .site-header .brand-text {
    font-size: 23px !important;
  }
}

@media (max-width: 560px) {
  .site-header .brand-mark,
  .site-header .brand-mark img {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
  }

  .site-header .brand-text {
    font-size: 19px !important;
  }

  .site-header .brand-quote {
    font-size: 10px !important;
  }
}


.launch-section.launch-link-only {
  position: relative;
  margin-top: 22px !important;
  padding: 28px 30px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 92% 20%, rgba(255, 199, 125, .18), rgba(255, 199, 125, 0) 30%),
    linear-gradient(135deg, rgba(255,255,255,.96) 0%, rgba(255,250,245,.92) 100%) !important;
  border: 1px solid rgba(226,231,240,.90) !important;
  box-shadow: 0 14px 34px rgba(31,39,58,.07) !important;
  color: #131a2d !important;
  overflow: hidden;
}

.launch-section.launch-link-only::before {
  content: '';
  position: absolute;
  right: -34px;
  top: -46px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 136, 98, .16), rgba(255, 136, 98, 0) 70%);
  pointer-events: none;
}

.launch-section.launch-link-only .launch-copy {
  position: relative;
  z-index: 1;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "tag actions"
    "title actions"
    "text actions"
    "note actions";
  gap: 10px 28px;
  align-items: center;
}

.launch-section.launch-link-only .section-tag {
  grid-area: tag;
  width: fit-content;
  margin: 0 !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: #eef2f7 !important;
  border: 1px solid #e3e8f0 !important;
  color: #667086 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .02em;
}

.launch-section.launch-link-only h2 {
  grid-area: title;
  margin: 0 !important;
  color: #131a2d !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.05em !important;
}

.launch-section.launch-link-only p {
  grid-area: text;
  max-width: 740px;
  margin: 0 !important;
  color: #667086 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 600;
}

.launch-section.launch-link-only .launch-note {
  grid-area: note;
  color: #7a8294 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}

.launch-section.launch-link-only .launch-actions {
  grid-area: actions;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  min-width: 260px;
}

.launch-section.launch-link-only .start-game-btn {
  min-height: 56px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-align: center;
}

.launch-section.launch-link-only .start-game-btn--active {
  background: #ffffff !important;
  color: #131a2d !important;
  border: 1px solid rgba(20,30,50,.08) !important;
  box-shadow: 0 10px 22px rgba(31,39,58,.08) !important;
}

.launch-section.launch-link-only .start-game-btn--ghost {
  background: transparent !important;
  color: #485166 !important;
  border: 1px solid rgba(20,30,50,.16) !important;
  box-shadow: none !important;
}

@media (max-width: 860px) {
  .launch-section.launch-link-only {
    padding: 24px 22px !important;
  }

  .launch-section.launch-link-only .launch-copy {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "tag"
      "title"
      "text"
      "actions"
      "note";
    gap: 12px;
  }

  .launch-section.launch-link-only .launch-actions {
    min-width: 0;
    width: 100%;
    flex-direction: row !important;
  }

  .launch-section.launch-link-only .start-game-btn {
    flex: 1 1 0;
  }
}

@media (max-width: 560px) {
  .launch-section.launch-link-only {
    border-radius: 22px !important;
    padding: 20px 18px !important;
  }

  .launch-section.launch-link-only h2 {
    font-size: 28px !important;
  }

  .launch-section.launch-link-only p {
    font-size: 14px !important;
  }

  .launch-section.launch-link-only .launch-actions {
    flex-direction: column !important;
  }

  .launch-section.launch-link-only .start-game-btn {
    min-height: 52px !important;
  }
}


.site-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
}

.site-header .header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.site-header .header-actions::before,
.site-header .header-actions::after {
  content: none !important;
  display: none !important;
}

.site-header .header-actions .header-discuss-link,
.site-header .header-actions .header-discuss-link.login-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.site-header .header-actions .header-discuss-link::before,
.site-header .header-actions .header-discuss-link::after,
.site-header .header-actions .header-discuss-link.login-btn::before,
.site-header .header-actions .header-discuss-link.login-btn::after {
  content: none !important;
  display: none !important;
}

.site-header .header-actions .header-discuss-link *,
.site-header .header-actions .header-discuss-link.login-btn * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.site-header .header-actions .header-discuss-link .tg-icon,
.site-header .header-actions .header-discuss-link.login-btn .tg-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  flex: 0 0 40px !important;
}

.site-header .header-actions .header-discuss-link .login-btn__text,
.site-header .header-actions .header-discuss-link.login-btn .login-btn__text {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.site-header .header-actions .header-discuss-link .login-btn__text strong,
.site-header .header-actions .header-discuss-link.login-btn .login-btn__text strong {
  font-size: 15px !important;
  line-height: 1.03 !important;
}

.site-header .header-actions .header-discuss-link .login-btn__text em,
.site-header .header-actions .header-discuss-link.login-btn .login-btn__text em {
  font-size: 11px !important;
  line-height: 1.03 !important;
}

@media (max-width: 820px) {
  .site-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }

  .site-header .header-actions {
    justify-content: flex-start !important;
  }
}

@media (max-width: 560px) {
  .site-header .header-actions .header-discuss-link .tg-icon,
  .site-header .header-actions .header-discuss-link.login-btn .tg-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    flex-basis: 34px !important;
  }

  .site-header .header-actions .header-discuss-link .login-btn__text strong,
  .site-header .header-actions .header-discuss-link.login-btn .login-btn__text strong {
    font-size: 13px !important;
  }

  .site-header .header-actions .header-discuss-link .login-btn__text em,
  .site-header .header-actions .header-discuss-link.login-btn .login-btn__text em {
    font-size: 10px !important;
  }
}


.summary-block.summary-block--refined {
  padding: 34px 34px 30px !important;
  border-radius: 32px !important;
  background:
    radial-gradient(circle at top right, rgba(255, 196, 120, .16), rgba(255, 196, 120, 0) 24%),
    linear-gradient(180deg, rgba(255,255,255,.90) 0%, rgba(255,255,255,.82) 100%) !important;
}

.summary-block--refined .summary-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr) !important;
  gap: 22px !important;
  align-items: start !important;
  margin-bottom: 24px !important;
}

.summary-block--refined .summary-header__main {
  min-width: 0;
}

.summary-block--refined .summary-kicker {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;
  margin-bottom: 14px;
  background: #eef2f7;
  border: 1px solid #e3e8f0;
  color: #5e6679;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.summary-block--refined .summary-header h2 {
  margin: 0 0 10px !important;
  font-size: clamp(34px, 4vw, 50px) !important;
  line-height: .96 !important;
  letter-spacing: -.05em !important;
}

.summary-block--refined .summary-header p {
  max-width: 620px !important;
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
}

.summary-block--refined .summary-aside {
  align-self: center;
  padding: 18px 20px;
  border-radius: 24px;
  background: rgba(248, 250, 253, .95);
  border: 1px solid rgba(226, 231, 240, .95);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.summary-block--refined .summary-aside strong {
  display: block;
  margin-bottom: 8px;
  color: #131a2d;
  font-size: 19px;
  line-height: 1.1;
  font-weight: 900;
}

.summary-block--refined .summary-aside span {
  display: block;
  color: #667086;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 600;
}

.summary-block--refined .mini-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.summary-block--refined .mini-item {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  min-height: 198px;
  padding: 22px 20px 20px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(226,231,240,.92) !important;
  box-shadow: 0 10px 24px rgba(36, 42, 56, .05) !important;
  overflow: hidden;
}

.summary-block--refined .mini-item::before {
  content: attr(data-step);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin-bottom: 18px;
  border-radius: 14px;
  background: linear-gradient(135deg, #ff6b97 0%, #ffb36a 100%);
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .02em;
  box-shadow: 0 8px 18px rgba(255, 118, 126, .24);
}

.summary-block--refined .mini-item::after {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, rgba(255, 81, 137, .85), rgba(255, 182, 92, .85));
}

.summary-block--refined .mini-item strong {
  display: block;
  margin: 0 0 10px !important;
  color: #131a2d !important;
  font-size: 19px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: -.03em;
}

.summary-block--refined .mini-item span {
  display: block;
  margin: 0 !important;
  color: #667086 !important;
  font-size: 15px !important;
  line-height: 1.48 !important;
  font-weight: 600;
}

@media (max-width: 1180px) {
  .summary-block--refined .mini-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 920px) {
  .summary-block.summary-block--refined {
    padding: 26px 22px 22px !important;
  }

  .summary-block--refined .summary-header {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .summary-block--refined .summary-header p {
    font-size: 16px !important;
  }

  .summary-block--refined .mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .summary-block.summary-block--refined {
    padding: 22px 16px 18px !important;
    border-radius: 24px !important;
  }

  .summary-block--refined .summary-kicker {
    margin-bottom: 12px;
  }

  .summary-block--refined .summary-header h2 {
    font-size: 30px !important;
  }

  .summary-block--refined .summary-header p,
  .summary-block--refined .summary-aside span {
    font-size: 14px !important;
  }

  .summary-block--refined .summary-aside strong,
  .summary-block--refined .mini-item strong {
    font-size: 17px !important;
  }

  .summary-block--refined .mini-grid {
    grid-template-columns: 1fr !important;
  }

  .summary-block--refined .mini-item {
    min-height: 0;
    padding: 18px 16px 16px !important;
  }
}


.hero-easter-egg {
  position: relative;
  display: inline-flex;
  align-items: baseline;
  color: inherit;
  text-decoration: none;
  font-weight: 900;
}

.hero-easter-egg span {
  position: relative;
  z-index: 1;
  padding: 0 .14em .03em;
  border-radius: .32em;
}

.hero-easter-egg span::before {
  content: '';
  position: absolute;
  inset: -.09em -.18em -.10em;
  z-index: -1;
  border: 2px solid rgba(255,255,255,.85);
  border-radius: .42em;
  box-shadow: 0 0 0 3px rgba(255, 223, 138, .18);
  transform: rotate(-1.5deg);
  transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
}

.hero-easter-egg:hover span::before,
.hero-easter-egg:focus-visible span::before {
  border-color: #fff;
  box-shadow: 0 0 0 4px rgba(255, 223, 138, .28), 0 8px 18px rgba(61, 36, 40, .14);
  transform: rotate(-1deg) scale(1.02);
}

.hero-easter-egg em {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 12px);
  z-index: 20;
  width: max-content;
  max-width: min(320px, 82vw);
  padding: 11px 13px;
  border-radius: 14px;
  background: rgba(19, 26, 45, .96);
  color: rgba(255,255,255,.96);
  font-size: 12px;
  line-height: 1.35;
  font-style: normal;
  font-weight: 800;
  box-shadow: 0 16px 34px rgba(14, 18, 27, .18);
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.hero-easter-egg em::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border: 7px solid transparent;
  border-top-color: rgba(19, 26, 45, .96);
}

.hero-easter-egg:hover em,
.hero-easter-egg:focus-visible em {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}


.summary-block.summary-block--minimal {
  padding: 28px 28px 24px !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,.88) !important;
  border: 1px solid rgba(226,231,240,.92) !important;
  box-shadow: 0 12px 28px rgba(36, 42, 56, .05) !important;
}

.summary-header--minimal {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(260px, 360px) !important;
  gap: 20px !important;
  align-items: start !important;
  margin-bottom: 20px !important;
}

.summary-block--minimal .summary-kicker {
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
  padding: 7px 11px;
  border-radius: 999px;
  background: #f2f5f9;
  border: 1px solid #e5eaf1;
  color: #667086;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.summary-block--minimal .summary-header h2 {
  margin: 0 0 8px !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
}

.summary-block--minimal .summary-header p {
  margin: 0 !important;
  max-width: 520px !important;
  color: #667086 !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
}

.summary-aside--minimal {
  padding: 16px 18px;
  border-radius: 20px;
  background: rgba(250,251,253,.92);
  border: 1px solid rgba(226,231,240,.92);
}

.summary-aside--minimal strong {
  display: block;
  margin-bottom: 6px;
  color: #131a2d;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 900;
}

.summary-aside--minimal span {
  display: block;
  color: #667086;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 600;
}

.mini-grid--minimal {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.mini-item--minimal {
  position: relative;
  min-height: 156px;
  padding: 18px 16px 16px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(229,234,241,.95) !important;
  box-shadow: none !important;
}

.mini-item--minimal::before {
  content: attr(data-step);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-bottom: 14px;
  border-radius: 9px;
  background: #f3f6fa;
  color: #768094;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
}

.mini-item--minimal::after {
  content: none !important;
}

.mini-item--minimal strong {
  display: block;
  margin: 0 0 8px !important;
  color: #131a2d !important;
  font-size: 18px !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em;
}

.mini-item--minimal span {
  display: block;
  margin: 0 !important;
  color: #667086 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 600;
}

@media (max-width: 1180px) {
  .mini-grid--minimal { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (max-width: 900px) {
  .summary-header--minimal { grid-template-columns: 1fr !important; }
  .mini-grid--minimal { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 560px) {
  .summary-block.summary-block--minimal { padding: 22px 16px 18px !important; border-radius: 22px !important; }
  .summary-block--minimal .summary-header h2 { font-size: 28px !important; }
  .summary-block--minimal .summary-header p,
  .summary-aside--minimal span,
  .mini-item--minimal span { font-size: 13px !important; }
  .summary-aside--minimal strong,
  .mini-item--minimal strong { font-size: 16px !important; }
  .mini-grid--minimal { grid-template-columns: 1fr !important; }
  .mini-item--minimal { min-height: 0; }
  .hero-easter-egg em {
    left: 0;
    transform: translateX(0) translateY(8px);
    max-width: 260px;
  }
  .hero-easter-egg:hover em,
  .hero-easter-egg:focus-visible em { transform: translateX(0) translateY(0); }
  .hero-easter-egg em::after { left: 22px; transform: none; }
}


.games-section.games-section--clean {
  margin-top: 18px;
  padding: 34px 34px 30px !important;
  border-radius: 30px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.90) 0%, rgba(255,255,255,.84) 100%) !important;
  border: 1px solid rgba(226,231,240,.92) !important;
  box-shadow: 0 16px 40px rgba(36, 42, 56, .06) !important;
}
.games-head--clean {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 24px !important;
  margin-bottom: 22px !important;
}
.games-head--clean .states-title { margin-bottom: 10px !important; }
.games-head--clean .games-copy p {
  max-width: 760px !important;
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.52 !important;
  color: #667086 !important;
}
.games-support--clean {
  flex: 0 0 auto;
  gap: 12px;
  min-height: 56px !important;
  padding: 10px 18px 10px 14px !important;
  border-radius: 20px !important;
  background: rgba(246,248,251,.96) !important;
  border: 1px solid rgba(226,231,240,.95) !important;
  box-shadow: none !important;
  color: #131a2d !important;
}
.games-support--clean .tg-icon {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
}
.games-support--clean span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.05;
}
.games-support--clean strong { color: #131a2d; font-size: 16px; font-weight: 900; }
.games-support--clean em { color: #7b8497; font-size: 12px; font-style: normal; font-weight: 700; }
.games-empty-note {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 16px;
  align-items: start;
  margin-bottom: 16px;
  padding: 18px 20px;
  border-radius: 20px;
  background: rgba(250,251,253,.96);
  border: 1px solid rgba(226,231,240,.95);
}
.games-empty-note strong {
  color: #131a2d;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -.04em;
  font-weight: 900;
}
.games-empty-note span {
  color: #667086;
  font-size: 15px;
  line-height: 1.56;
  font-weight: 600;
}
.games-table-head {
  display: grid;
  grid-template-columns: 160px minmax(190px, 260px) 1fr;
  gap: 18px;
  align-items: center;
  padding: 0 8px 10px;
}
.games-table-head span {
  color: #7c869a;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.games-list--clean { display: grid !important; gap: 12px !important; }
.game-row--clean {
  display: grid !important;
  grid-template-columns: 160px minmax(190px, 260px) 1fr !important;
  gap: 18px !important;
  align-items: center !important;
  min-height: 0 !important;
  padding: 18px 20px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(226,231,240,.95) !important;
  box-shadow: none !important;
}
.game-date-pill {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: fit-content;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  background: #f5f7fb;
  border: 1px solid #e6ebf2;
  color: #5b6579 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}
.game-status-block { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.game-status-block b {
  color: #131a2d !important;
  font-size: 18px !important;
  line-height: 1.14 !important;
  letter-spacing: -.03em;
}
.game-status-block small { color: #8a93a5; font-size: 13px; line-height: 1.35; font-weight: 700; }
.game-row--clean em {
  color: #667086 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  font-style: normal !important;
}
.games-section--clean .muted-row { opacity: 1 !important; }
@media (max-width: 1080px) {
  .games-head--clean { display: grid !important; align-items: start !important; }
  .games-support--clean { width: fit-content !important; }
  .games-empty-note { grid-template-columns: 1fr; }
  .games-empty-note strong { font-size: 24px; }
}
@media (max-width: 820px) {
  .games-section.games-section--clean { padding: 26px 22px 22px !important; border-radius: 24px !important; }
  .games-table-head { display: none; }
  .game-row--clean { grid-template-columns: 1fr !important; gap: 12px !important; padding: 16px !important; }
}
@media (max-width: 560px) {
  .games-section.games-section--clean { padding: 22px 16px 18px !important; }
  .games-head--clean .games-copy p, .games-empty-note span, .game-row--clean em { font-size: 14px !important; }
  .games-empty-note strong { font-size: 22px; }
  .games-support--clean { width: 100% !important; justify-content: flex-start !important; }
  .games-support--clean strong { font-size: 15px; }
  .games-support--clean em, .game-status-block small { font-size: 11px; }
  .game-status-block b { font-size: 17px !important; }
}


.games-section.games-section--compact {
  margin-top: 18px !important;
  padding: 24px !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.88) !important;
  border: 1px solid rgba(226,231,240,.92) !important;
  box-shadow: 0 12px 30px rgba(36,42,56,.055) !important;
}

.games-head--compact {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-bottom: 16px !important;
}

.games-head--compact .section-tag {
  margin-bottom: 12px !important;
  padding: 7px 11px !important;
  font-size: 11px !important;
}

.games-head--compact .states-title {
  margin: 0 0 8px !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  line-height: 1 !important;
  letter-spacing: -.045em !important;
}

.games-head--compact .games-copy p {
  max-width: 560px !important;
  margin: 0 !important;
  color: #667086 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
}

.games-support--compact {
  min-height: 40px !important;
  padding: 0 14px 0 10px !important;
  gap: 8px !important;
  border-radius: 999px !important;
  background: transparent !important;
  border: 1px solid rgba(20,30,50,.10) !important;
  box-shadow: none !important;
  color: #131a2d !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.games-support--compact .tg-icon {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  flex-basis: 24px !important;
}

.games-empty-note--compact {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  margin-bottom: 12px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background: rgba(250,251,253,.88) !important;
  border: 1px solid rgba(226,231,240,.92) !important;
}

.games-empty-note--compact strong {
  flex: 0 0 auto;
  color: #131a2d !important;
  font-size: 20px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: -.035em !important;
}

.games-empty-note--compact span {
  color: #667086 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
}

.games-list--compact {
  display: grid !important;
  gap: 8px !important;
}

.game-row--compact {
  display: grid !important;
  grid-template-columns: 120px minmax(160px, 220px) 1fr !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 52px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.86) !important;
  border: 1px solid rgba(226,231,240,.86) !important;
  box-shadow: none !important;
}

.game-row--compact span {
  color: #667086 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.game-row--compact b {
  color: #131a2d !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}

.game-row--compact em {
  color: #7a8396 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-style: normal !important;
  font-weight: 600 !important;
}

.games-section--compact .muted-row {
  opacity: 1 !important;
}

@media (max-width: 820px) {
  .games-section.games-section--compact {
    padding: 20px !important;
    border-radius: 22px !important;
  }

  .games-head--compact {
    display: grid !important;
  }

  .games-support--compact {
    width: fit-content !important;
  }

  .games-empty-note--compact {
    display: grid !important;
    gap: 6px !important;
  }

  .game-row--compact {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    padding: 14px !important;
  }
}

@media (max-width: 560px) {
  .games-section.games-section--compact {
    padding: 18px 14px !important;
  }

  .games-head--compact .states-title {
    font-size: 28px !important;
  }

  .games-head--compact .games-copy p,
  .games-empty-note--compact span {
    font-size: 13px !important;
  }

  .games-empty-note--compact strong {
    font-size: 18px !important;
  }
}


.states-section {
  padding: 28px !important;
  border-radius: 28px !important;
}
.states-section .section-tag {
  min-height: 32px !important;
  padding: 0 14px !important;
  margin-bottom: 14px !important;
  font-size: 12px !important;
}
.states-section .states-title {
  margin-bottom: 18px !important;
  font-size: clamp(34px, 3.2vw, 48px) !important;
  line-height: .98 !important;
  letter-spacing: -.05em !important;
}
.states-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.state-card-lg {
  min-height: 286px !important;
  padding: 16px !important;
  border-radius: 20px !important;
}
.state-card-lg h3 {
  margin: 14px 0 6px !important;
  font-size: 17px !important;
  line-height: 1.14 !important;
  letter-spacing: -.03em !important;
}
.state-card-lg p {
  font-size: 13px !important;
  line-height: 1.42 !important;
  font-weight: 600 !important;
}
.state-visual {
  height: 128px !important;
  border-radius: 16px !important;
}
.state-visual img {
  width: 90px !important;
}
.state-art-img {
  width: 102px !important;
}
.buy-badge,
.num-badge {
  right: 12px !important;
  bottom: 10px !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
}
.buy-badge {
  bottom: 12px !important;
}
.num-badge.light {
  min-height: 28px !important;
  font-size: 11px !important;
}
.blown-bg {
  width: 86px !important;
}
.blown-icon {
  right: auto !important;
  left: 44px !important;
  top: 14px !important;
  width: 44px !important;
  height: 44px !important;
  font-size: 34px !important;
}
@media (max-width: 980px) {
  .states-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 720px) {
  .states-section {
    padding: 20px 16px !important;
    border-radius: 22px !important;
  }
  .states-section .states-title {
    font-size: 28px !important;
    margin-bottom: 14px !important;
  }
  .states-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .state-card-lg {
    min-height: 0 !important;
    padding: 14px !important;
  }
  .state-visual {
    height: 120px !important;
  }
}


.site-header {
  border: none !important;
  outline: none !important;
  background: linear-gradient(180deg, rgba(255,253,251,.72) 0%, rgba(255,250,247,.58) 100%) !important;
  box-shadow: 0 10px 28px rgba(31,39,58,.05) !important;
}


.launch-section.launch-link-only .launch-copy {
  grid-template-columns: minmax(0, 1fr) minmax(250px, 290px) !important;
  grid-template-areas:
    "tag side"
    "title side"
    "text side"
    "note side";
  align-items: center !important;
}

.launch-section.launch-link-only .launch-side {
  grid-area: side;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: 100%;
}

.launch-section.launch-link-only .launch-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 158px;
  padding: 4px 0 2px;
}

.launch-section.launch-link-only .launch-visual::before {
  content: '';
  position: absolute;
  inset: 50% auto auto 50%;
  width: 168px;
  height: 168px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 212, 86, 0.20) 0%, rgba(255, 212, 86, 0.08) 42%, rgba(255, 212, 86, 0) 72%);
  pointer-events: none;
}

.launch-section.launch-link-only .launch-visual img {
  position: relative;
  z-index: 1;
  width: clamp(118px, 12vw, 156px);
  max-width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 14px 28px rgba(31, 39, 58, 0.16));
  animation: launchBellFloat 4.6s ease-in-out infinite;
}

.launch-section.launch-link-only .launch-actions {
  width: 100%;
  min-width: 0;
}

@keyframes launchBellFloat {
  0%, 100% { transform: translateY(0px) rotate(-4deg); }
  50% { transform: translateY(-8px) rotate(2deg); }
}

@media (max-width: 860px) {
  .launch-section.launch-link-only .launch-copy {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "tag"
      "title"
      "text"
      "side"
      "note";
  }

  .launch-section.launch-link-only .launch-side {
    align-items: stretch;
  }

  .launch-section.launch-link-only .launch-visual {
    min-height: 136px;
  }

  .launch-section.launch-link-only .launch-visual img {
    width: 128px;
  }

  .launch-section.launch-link-only .launch-actions {
    flex-direction: row !important;
  }
}

@media (max-width: 560px) {
  .launch-section.launch-link-only .launch-visual {
    min-height: 116px;
  }

  .launch-section.launch-link-only .launch-visual img {
    width: 108px;
  }

  .launch-section.launch-link-only .launch-actions {
    flex-direction: column !important;
  }
}


.site-header .header-actions {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.site-header .header-actions > * {
  background: transparent !important;
  box-shadow: none !important;
}

.site-header .header-actions .header-discuss-link {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-decoration: none !important;
  filter: none !important;
}

.site-header .header-actions .header-discuss-link::before,
.site-header .header-actions .header-discuss-link::after {
  content: none !important;
  display: none !important;
}

.site-header .header-actions .header-discuss-link .tg-icon {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  flex: 0 0 44px !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: 0 10px 20px rgba(17, 24, 39, 0.10) !important;
}

.site-header .header-actions .header-discuss-link .header-discuss-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  line-height: 1 !important;
}

.site-header .header-actions .header-discuss-link .header-discuss-copy strong {
  display: block !important;
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  color: #121a31 !important;
}

.site-header .header-actions .header-discuss-link .header-discuss-copy em {
  display: block !important;
  margin: 0 !important;
  font-style: normal !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  color: #7d8293 !important;
}

@media (max-width: 820px) {
  .site-header .header-actions {
    justify-content: flex-start !important;
  }
}

@media (max-width: 560px) {
  .site-header .header-actions .header-discuss-link {
    gap: 10px !important;
  }

  .site-header .header-actions .header-discuss-link .tg-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    flex-basis: 38px !important;
  }

  .site-header .header-actions .header-discuss-link .header-discuss-copy strong {
    font-size: 13px !important;
  }

  .site-header .header-actions .header-discuss-link .header-discuss-copy em {
    font-size: 10px !important;
  }
}


.summary-aside--with-picture {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 88px;
  gap: 12px;
  align-items: center;
  overflow: hidden;
  min-height: 118px;
  background: linear-gradient(135deg, rgba(255, 248, 240, .96), rgba(250, 251, 253, .94)) !important;
}

.summary-aside--with-picture::before {
  content: "";
  position: absolute;
  right: -34px;
  top: -42px;
  width: 140px;
  height: 140px;
  border-radius: 999px;
  background: rgba(255, 121, 95, .13);
  pointer-events: none;
}

.summary-aside__copy {
  position: relative;
  z-index: 1;
}

.summary-aside__picture {
  position: relative;
  z-index: 1;
  width: 92px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 12px 18px rgba(239, 74, 54, .16));
  transform: rotate(4deg);
}

@media (max-width: 900px) {
  .summary-aside--with-picture {
    grid-template-columns: minmax(0, 1fr) 82px;
  }
}

@media (max-width: 560px) {
  .summary-aside--with-picture {
    grid-template-columns: minmax(0, 1fr) 68px;
    min-height: 96px;
  }

  .summary-aside__picture {
    width: 72px;
  }
}


.summary-block.summary-block--quest {
  position: relative;
  overflow: hidden;
  padding: 34px 34px 30px !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 10% 4%, rgba(255, 218, 128, .55), transparent 32%),
    radial-gradient(circle at 86% 12%, rgba(255, 82, 109, .16), transparent 34%),
    linear-gradient(135deg, #fff8eb 0%, #fff 48%, #f4f8ff 100%) !important;
  border: 1px solid rgba(255, 205, 129, .58) !important;
  box-shadow: 0 22px 54px rgba(55, 43, 30, .08) !important;
}

.summary-block--quest::before {
  content: '';
  position: absolute;
  inset: 18px;
  border-radius: 28px;
  border: 1px dashed rgba(184, 122, 49, .26);
  pointer-events: none;
}

.summary-block--quest::after {
  content: 'boxfrag route';
  position: absolute;
  right: 28px;
  bottom: 18px;
  color: rgba(129, 86, 42, .12);
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .18em;
  text-transform: uppercase;
  transform: rotate(-4deg);
}

.quest-head {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 440px);
  gap: 26px;
  align-items: stretch;
  margin-bottom: 26px;
}

.quest-head__copy {
  align-self: center;
}

.summary-block--quest .summary-kicker {
  display: inline-flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(255, 198, 104, .72);
  color: #9b5b11;
  font-size: 11px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .06em;
  text-transform: uppercase;
  box-shadow: 0 10px 20px rgba(155, 91, 17, .08);
}

.summary-block--quest .quest-head h2 {
  margin: 0 0 10px !important;
  color: #17151f;
  font-size: clamp(34px, 4vw, 56px) !important;
  line-height: .88 !important;
  letter-spacing: -.065em !important;
}

.summary-block--quest .quest-head__copy p {
  margin: 0 !important;
  max-width: 520px !important;
  color: #665c50 !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 750;
}

.quest-prize-card {
  position: relative;
  min-height: 178px;
  padding: 20px 170px 20px 22px;
  border-radius: 30px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,244,221,.72));
  border: 1px solid rgba(255,255,255,.85);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 18px 42px rgba(184, 106, 36, .12);
}

.quest-prize-card::before {
  content: '';
  position: absolute;
  right: 44px;
  bottom: 18px;
  width: 96px;
  height: 16px;
  border-radius: 999px;
  background: rgba(142, 67, 30, .13);
  filter: blur(7px);
}

.quest-prize-card__text {
  position: relative;
  z-index: 2;
}

.quest-prize-card__text span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 10px;
  border-radius: 999px;
  background: #17151f;
  color: #fff;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.quest-prize-card__text strong {
  display: block;
  margin-bottom: 7px;
  color: #17151f;
  font-size: 22px;
  line-height: 1.02;
  letter-spacing: -.035em;
  font-weight: 1000;
}

.quest-prize-card__text p {
  margin: 0;
  color: #6d6258;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 750;
}

.quest-prize-card__image {
  position: absolute;
  right: 16px;
  bottom: 4px;
  width: 152px;
  height: 152px;
  object-fit: contain;
  transform: rotate(7deg);
  filter: drop-shadow(0 18px 22px rgba(157, 69, 30, .16));
}

.quest-board {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

.quest-board::before {
  content: '';
  position: absolute;
  left: 7%;
  right: 7%;
  top: 50%;
  height: 4px;
  border-radius: 999px;
  background: repeating-linear-gradient(90deg, rgba(245, 139, 46, .4) 0 13px, transparent 13px 25px);
  transform: translateY(-50%);
  pointer-events: none;
}

.quest-step {
  position: relative;
  min-height: 172px;
  padding: 18px 17px 16px;
  border-radius: 24px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(255,255,255,.86);
  box-shadow: 0 14px 30px rgba(36, 34, 28, .08);
  transform: rotate(var(--tilt, 0deg));
}

.quest-step::before {
  content: attr(data-step);
  position: absolute;
  top: -14px;
  right: 15px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: linear-gradient(135deg, #ffcf6b, #ff8d58);
  color: #2c1908;
  box-shadow: 0 10px 18px rgba(245, 139, 46, .24);
  font-size: 13px;
  line-height: 1;
  font-weight: 1000;
}

.quest-step::after {
  content: '';
  position: absolute;
  inset: 9px;
  border-radius: 19px;
  border: 1px solid rgba(38, 30, 24, .06);
  pointer-events: none;
}

.quest-step--one { grid-column: span 2; --tilt: -1.3deg; }
.quest-step--two { grid-column: span 2; --tilt: 1.1deg; margin-top: 20px; }
.quest-step--three { grid-column: span 2; --tilt: -1deg; }
.quest-step--four { grid-column: span 2; --tilt: 1.4deg; margin-top: 20px; }
.quest-step--five { grid-column: span 2; --tilt: -.8deg; }

.quest-step__chip {
  display: inline-flex;
  align-items: center;
  margin-bottom: 18px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(23, 21, 31, .06);
  color: #7a4c15;
  font-size: 11px;
  line-height: 1;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.quest-step strong {
  display: block;
  margin: 0 0 9px;
  color: #17151f;
  font-size: 20px;
  line-height: 1.04;
  letter-spacing: -.04em;
  font-weight: 1000;
}

.quest-step p {
  margin: 0;
  color: #665c50;
  font-size: 14px;
  line-height: 1.36;
  font-weight: 720;
}

@media (max-width: 1080px) {
  .quest-head {
    grid-template-columns: 1fr;
  }

  .quest-board {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .quest-board::before {
    display: none;
  }

  .quest-step--one,
  .quest-step--two,
  .quest-step--three,
  .quest-step--four { grid-column: span 3; margin-top: 0; }
  .quest-step--five { grid-column: 2 / span 4; }
}

@media (max-width: 680px) {
  .summary-block.summary-block--quest {
    padding: 24px 16px 20px !important;
    border-radius: 26px !important;
  }

  .summary-block--quest::before {
    inset: 10px;
    border-radius: 21px;
  }

  .summary-block--quest .quest-head h2 {
    font-size: 34px !important;
  }

  .summary-block--quest .quest-head__copy p {
    font-size: 15px !important;
  }

  .quest-prize-card {
    min-height: 150px;
    padding: 17px 130px 17px 17px;
    border-radius: 24px;
  }

  .quest-prize-card__text strong {
    font-size: 18px;
  }

  .quest-prize-card__text p {
    font-size: 13px;
  }

  .quest-prize-card__image {
    width: 118px;
    height: 118px;
    right: 9px;
    bottom: 8px;
  }

  .quest-board {
    grid-template-columns: 1fr;
  }

  .quest-step,
  .quest-step--one,
  .quest-step--two,
  .quest-step--three,
  .quest-step--four,
  .quest-step--five {
    grid-column: auto;
    min-height: auto;
    transform: none;
  }

  .quest-step strong {
    font-size: 18px;
  }

  .quest-step p {
    font-size: 13px;
  }
}


.site-header,
.site-header .brand,
.site-header .brand-copy {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.site-header .brand-mark,
.site-header .brand-mark::before,
.site-header .brand-mark::after,
.site-header .brand-mark img {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.site-header .brand-mark {
  padding: 0 !important;
  border-radius: 0 !important;
  filter: none !important;
}

.site-header .brand-mark img {
  object-fit: contain !important;
}


.page-shell {
  padding-top: 14px !important;
}

.site-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin-bottom: 8px !important;
  min-height: 0 !important;
}

.site-header .brand,
.site-header .header-actions,
.site-header .header-actions .header-discuss-link {
  align-items: flex-start !important;
}

.site-header .brand {
  gap: 14px !important;
}

.site-header .brand-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  padding-top: 0 !important;
}

.site-header .brand-text {
  display: inline-flex !important;
  align-items: baseline !important;
  line-height: .92 !important;
  margin: 0 !important;
}

.site-header .brand-quote {
  margin: 0 !important;
  line-height: 1.05 !important;
}

.site-header .header-actions {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.site-header .header-actions .header-discuss-link {
  gap: 14px !important;
}

.site-header .header-actions .header-discuss-link .tg-icon {
  margin-top: 0 !important;
  align-self: flex-start !important;
}

.site-header .header-actions .header-discuss-link .header-discuss-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  padding-top: 0 !important;
  margin: 0 !important;
}

.site-header .header-actions .header-discuss-link .header-discuss-copy strong,
.site-header .header-actions .header-discuss-link .header-discuss-copy em {
  margin: 0 !important;
  line-height: 1.05 !important;
}

@media (max-width: 820px) {
  .site-header {
    align-items: flex-start !important;
    gap: 16px !important;
    margin-bottom: 10px !important;
  }
}

@media (max-width: 560px) {
  .page-shell {
    padding-top: 10px !important;
  }

  .site-header {
    gap: 12px !important;
    margin-bottom: 8px !important;
  }

  .site-header .brand {
    gap: 10px !important;
  }

  .site-header .brand-copy,
  .site-header .header-actions .header-discuss-link .header-discuss-copy {
    gap: 3px !important;
  }
}


.games-head--playful {
  align-items: stretch !important;
}

.games-head-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  flex: 0 0 auto;
}

.games-art-card {
  position: relative;
  width: 188px;
  min-height: 132px;
  padding: 10px 10px 0;
  border-radius: 22px;
  background: radial-gradient(circle at 30% 25%, rgba(255,223,145,.42), rgba(255,255,255,.92) 54%, rgba(240,233,253,.92) 100%);
  border: 1px solid rgba(228, 220, 244, .92);
  box-shadow: 0 14px 28px rgba(74, 54, 125, .08);
  overflow: hidden;
}

.games-art-card::before {
  content: 'Трофеи дня';
  position: absolute;
  left: 14px;
  top: 12px;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(227,232,241,.92);
  color: #6c6784;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: -.01em;
}

.games-art-card img {
  width: 156px;
  margin: 22px 0 0 auto;
  transform: translate(10px, 6px) rotate(-2deg);
  filter: drop-shadow(0 18px 28px rgba(231, 158, 25, .16));
}

@media (max-width: 820px) {
  .games-head-side {
    align-items: flex-start;
  }

  .games-art-card {
    width: 170px;
    min-height: 118px;
  }

  .games-art-card img {
    width: 138px;
    transform: translate(6px, 8px) rotate(-2deg);
  }
}

@media (max-width: 560px) {
  .games-head-side {
    width: 100%;
  }

  .games-art-card {
    width: 100%;
    min-height: 120px;
  }

  .games-art-card img {
    width: 132px;
    margin-left: auto;
  }
}


.states-section.states-section--spoiler {
  padding: 0 !important;
  border-radius: 26px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.states-spoiler,
.accordion-list--clean .accordion-item {
  border-radius: 24px !important;
  background: rgba(255,255,255,.88) !important;
  border: 1px solid rgba(224,229,238,.92) !important;
  box-shadow: 0 12px 28px rgba(36,42,56,.045) !important;
  overflow: hidden !important;
}

.states-spoiler__summary {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 86px;
  padding: 22px 62px 22px 24px;
  cursor: pointer;
  list-style: none;
}

.states-spoiler__summary::-webkit-details-marker { display: none; }

.states-spoiler__summary::after,
.accordion-list--clean .accordion-item summary::after {
  content: '+' !important;
  position: absolute !important;
  right: 24px !important;
  top: 50% !important;
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: rgba(122,66,255,.08) !important;
  color: #7a42ff !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
}

.states-spoiler[open] .states-spoiler__summary::after,
.accordion-list--clean .accordion-item[open] summary::after {
  content: '−' !important;
}

.states-spoiler__summary .section-tag {
  margin: 0 !important;
}

.states-spoiler__title {
  color: #111827;
  font-size: clamp(24px, 2.5vw, 38px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.045em;
}

.states-spoiler__note {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(244,246,250,.92);
  border: 1px solid rgba(224,229,238,.92);
  color: #667086;
  font-size: 13px;
  font-weight: 850;
  white-space: nowrap;
}

.states-section--spoiler .states-grid {
  padding: 0 24px 24px !important;
}

.accordion-list.accordion-list--clean {
  gap: 10px !important;
  margin-top: 14px !important;
}

.accordion-list--clean .accordion-item summary {
  min-height: 68px !important;
  padding: 20px 64px 20px 22px !important;
  font-size: 19px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: -.025em !important;
  background: linear-gradient(90deg, rgba(255,255,255,.96), rgba(248,250,253,.84)) !important;
}

.accordion-list--clean .accordion-content {
  padding: 0 22px 22px !important;
  color: #667086 !important;
  font-size: 14px !important;
  line-height: 1.48 !important;
  font-weight: 600 !important;
}

.accordion-list--clean .accordion-content ul {
  display: grid;
  gap: 9px;
  padding-left: 0 !important;
  list-style: none;
}

.accordion-list--clean .accordion-content li {
  position: relative;
  padding-left: 22px;
}

.accordion-list--clean .accordion-content li::before {
  content: '•';
  position: absolute;
  left: 6px;
  top: 0;
  color: #7a42ff;
  font-weight: 900;
}

.accordion-list--clean .accordion-content li + li { margin-top: 0 !important; }

@media (max-width: 820px) {
  .states-spoiler__summary {
    grid-template-columns: 1fr;
    align-items: flex-start;
    gap: 10px;
    min-height: 0;
    padding: 20px 60px 20px 20px;
  }

  .states-spoiler__note {
    width: fit-content;
  }

  .states-section--spoiler .states-grid {
    padding: 0 18px 18px !important;
  }
}

@media (max-width: 560px) {
  .states-spoiler,
  .accordion-list--clean .accordion-item {
    border-radius: 20px !important;
  }

  .states-spoiler__title {
    font-size: 27px;
  }

  .states-spoiler__summary,
  .accordion-list--clean .accordion-item summary {
    padding-right: 58px !important;
  }

  .states-spoiler__summary::after,
  .accordion-list--clean .accordion-item summary::after {
    right: 18px !important;
  }
}


.states-section--spoiler .states-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  padding: 0 20px 20px !important;
}

.states-section--spoiler .state-card-lg {
  display: grid !important;
  grid-template-columns: 132px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 132px !important;
  padding: 14px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(224,229,238,.9) !important;
  box-shadow: none !important;
}

.states-section--spoiler .state-card-lg:hover {
  transform: translateY(-1px);
  border-color: rgba(197,205,220,.95) !important;
  box-shadow: 0 12px 22px rgba(29, 36, 54, .045) !important;
}

.states-section--spoiler .state-visual {
  width: 132px !important;
  height: 96px !important;
  min-height: 96px !important;
  padding: 0 !important;
  border-radius: 16px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(180deg, rgba(249,250,252,.96), rgba(255,255,255,.9)) !important;
  border: 1px solid rgba(224,229,238,.9) !important;
  overflow: hidden !important;
}

.states-section--spoiler .state-visual img {
  width: 74px !important;
  height: auto !important;
  max-height: 78px !important;
  object-fit: contain !important;
}

.states-section--spoiler .state-visual .state-art-img {
  width: 68px !important;
  max-height: 68px !important;
}

.states-section--spoiler .state-visual .blown-bg {
  opacity: .34 !important;
}

.states-section--spoiler .buy-badge {
  left: 50% !important;
  bottom: 10px !important;
  transform: translateX(-50%) !important;
  height: 28px !important;
  min-width: 82px !important;
  padding: 0 14px !important;
  font-size: 12px !important;
  border-radius: 999px !important;
}

.states-section--spoiler .num-badge {
  right: 9px !important;
  bottom: 9px !important;
  min-width: 42px !important;
  height: 26px !important;
  padding: 0 9px !important;
  font-size: 12px !important;
  border-radius: 999px !important;
}

.states-section--spoiler .blown-icon {
  width: 38px !important;
  height: 38px !important;
  font-size: 34px !important;
  left: 18px !important;
  top: 18px !important;
}

.states-section--spoiler .state-card-lg h3 {
  margin: 0 0 6px !important;
  color: #111827 !important;
  font-size: 18px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: -.025em !important;
}

.states-section--spoiler .state-card-lg p {
  margin: 0 !important;
  max-width: 360px !important;
  color: #667086 !important;
  font-size: 13px !important;
  line-height: 1.38 !important;
  font-weight: 650 !important;
}

.states-section--spoiler .active-own,
.states-section--spoiler .active-immune {
  border-width: 2px !important;
}

@media (max-width: 900px) {
  .states-section--spoiler .states-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  .states-section--spoiler .states-grid {
    gap: 10px !important;
    padding: 0 14px 14px !important;
  }

  .states-section--spoiler .state-card-lg {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 12px !important;
    min-height: 112px !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }

  .states-section--spoiler .state-visual {
    width: 96px !important;
    height: 82px !important;
    min-height: 82px !important;
    border-radius: 14px !important;
  }

  .states-section--spoiler .state-visual img {
    width: 58px !important;
    max-height: 62px !important;
  }

  .states-section--spoiler .state-card-lg h3 {
    font-size: 16px !important;
  }

  .states-section--spoiler .state-card-lg p {
    font-size: 12px !important;
  }

  .states-section--spoiler .buy-badge {
    min-width: 68px !important;
    height: 24px !important;
    font-size: 10px !important;
  }
}


.games-head--playful {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 280px !important;
  align-items: center !important;
  gap: 24px !important;
}

.games-head--playful .games-copy p {
  max-width: 720px !important;
}

.games-head-side {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 10px !important;
  min-width: 0;
}

.games-art-card {
  display: none !important;
}

.games-art-plain {
  position: relative;
  width: 240px;
  height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.games-art-plain::before {
  content: '';
  position: absolute;
  width: 210px;
  height: 170px;
  border-radius: 50%;
  background: radial-gradient(circle at 40% 40%, rgba(255, 222, 132, .30) 0%, rgba(247, 240, 255, .72) 52%, rgba(247, 240, 255, 0) 72%);
  filter: blur(4px);
}

.games-art-plain img {
  position: relative;
  z-index: 1;
  width: 214px;
  max-width: 100%;
  filter: drop-shadow(0 16px 26px rgba(212, 145, 25, .14));
}

.games-head-side .games-support--compact {
  min-height: 42px !important;
  padding: 0 16px 0 10px !important;
  background: rgba(255,255,255,.7) !important;
  border: 1px solid rgba(226,231,240,.92) !important;
}

@media (max-width: 980px) {
  .games-head--playful {
    grid-template-columns: minmax(0, 1fr) 220px !important;
    gap: 18px !important;
  }

  .games-art-plain {
    width: 210px;
    height: 170px;
  }

  .games-art-plain::before {
    width: 186px;
    height: 152px;
  }

  .games-art-plain img {
    width: 182px;
  }
}

@media (max-width: 820px) {
  .games-head--playful {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  .games-head-side {
    align-items: flex-start !important;
  }
}

@media (max-width: 560px) {
  .games-art-plain {
    width: 190px;
    height: 150px;
  }

  .games-art-plain::before {
    width: 168px;
    height: 136px;
  }

  .games-art-plain img {
    width: 164px;
  }
}


.reward-inline {
  padding-top: 2px !important;
}

.reward-inline-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.reward-inline-item {
  flex: 1 1 240px;
  min-width: 220px;
  padding: 16px 18px !important;
  border-radius: 18px !important;
  background: rgba(250, 251, 253, .88) !important;
  border: 1px solid rgba(226, 231, 240, .96) !important;
}

.reward-inline-item b {
  display: block;
  margin: 0 0 6px;
  color: #131a2d;
  font-size: 16px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -.02em;
}

.reward-inline-item span {
  display: block;
  color: #6b7488;
  font-size: 14px;
  line-height: 1.42;
  font-weight: 600;
}

@media (max-width: 820px) {
  .reward-inline-list {
    gap: 10px !important;
  }

  .reward-inline-item {
    flex-basis: calc(50% - 5px);
    min-width: 0;
  }
}

@media (max-width: 560px) {
  .reward-inline-item {
    flex-basis: 100%;
    padding: 14px 15px !important;
    border-radius: 16px !important;
  }

  .reward-inline-item b {
    font-size: 15px;
  }

  .reward-inline-item span {
    font-size: 13px;
  }
}


.legal-copy--stacked {
  padding-top: 4px !important;
}

.legal-intro {
  margin: 0 0 14px !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, rgba(247,240,255,.92), rgba(250,251,253,.92)) !important;
  border: 1px solid rgba(229, 221, 246, .95) !important;
  color: #667086 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 650 !important;
}

.legal-stack {
  display: grid;
  gap: 10px;
}

.legal-point {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px;
  align-items: flex-start;
  padding: 16px 18px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(226,231,240,.96) !important;
  box-shadow: 0 8px 18px rgba(36,42,56,.03);
}

.legal-point__num {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(122,66,255,.08);
  color: #7a42ff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .04em;
}

.legal-point__body b {
  display: block;
  margin: 0 0 6px;
  color: #131a2d;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: -.02em;
}

.legal-point__body span {
  display: block;
  color: #667086;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 620;
}

.legal-point--actions .contact-actions {
  margin-top: 14px;
}

.legal-copy--stacked .legal-small {
  margin-top: 14px !important;
  background: rgba(249,250,252,.92) !important;
}

@media (max-width: 680px) {
  .legal-point {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 14px !important;
  }

  .legal-point__num {
    width: 34px;
    height: 34px;
    border-radius: 10px;
  }

  .legal-point__body b {
    font-size: 16px;
  }

  .legal-point__body span,
  .legal-intro {
    font-size: 13px !important;
  }
}


.reward-inline {
  padding-top: 4px !important;
}

.reward-inline-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.reward-inline-item {
  display: grid !important;
  grid-template-columns: minmax(190px, 280px) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 18px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 14px 18px !important;
  border-radius: 16px !important;
  background: rgba(250, 251, 253, .92) !important;
  border: 1px solid rgba(226, 231, 240, .96) !important;
  box-shadow: 0 6px 14px rgba(36,42,56,.025) !important;
}

.reward-inline-item b {
  margin: 0 !important;
  padding-right: 6px !important;
  color: #131a2d !important;
  font-size: 18px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: -.025em !important;
}

.reward-inline-item span {
  margin: 0 !important;
  color: #6b7488 !important;
  font-size: 14px !important;
  line-height: 1.46 !important;
  font-weight: 620 !important;
}

@media (max-width: 820px) {
  .reward-inline-item {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    padding: 14px 15px !important;
  }

  .reward-inline-item b {
    font-size: 16px !important;
  }
}

@media (max-width: 560px) {
  .reward-inline-item span {
    font-size: 13px !important;
  }
}


.legal-point--accent {
  background: linear-gradient(135deg, rgba(248,242,255,.92), rgba(255,255,255,.95)) !important;
  border-color: rgba(221, 208, 247, .96) !important;
}

.legal-point--accent .legal-point__num {
  background: rgba(122,66,255,.14) !important;
}


.site-footer {
  gap: 16px !important;
}

.footer-org {
  width: 100%;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(226,231,240,.92);
  color: #667086;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 650;
}

.footer-org b {
  display: block;
  margin-bottom: 6px;
  color: #131a2d;
  font-size: 15px;
  line-height: 1.1;
  font-weight: 900;
}

.footer-org span {
  display: block;
}

.footer-org span + span {
  margin-top: 4px;
}

@media (max-width: 560px) {
  .footer-org {
    padding: 14px;
    border-radius: 16px;
    font-size: 12px;
  }
}

.site-footer {
  margin-top: 8px !important;
  padding: 22px 0 6px !important;
  border-top: 1px solid rgba(214, 220, 232, .92) !important;
}

.footer-grid {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) auto auto;
  align-items: center;
  gap: 22px;
}

.footer-org {
  width: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #6c7489 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  font-weight: 650 !important;
}

.footer-org--inline p {
  margin: 0;
}

.footer-org--inline p + p {
  margin-top: 2px;
}

.footer-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  margin: 0 0 8px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(122, 66, 255, .08);
  color: #6f5fd5;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.footer-links {
  justify-content: flex-start !important;
  gap: 10px !important;
}

.footer-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(220, 226, 237, .96);
  background: rgba(255,255,255,.52);
  color: #5f6880;
  text-decoration: none;
  font-weight: 750;
  transition: transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
}

.footer-links a:hover {
  transform: translateY(-1px);
  border-color: rgba(122, 66, 255, .24);
  color: #1a2035;
  background: rgba(255,255,255,.75);
}

.footer-meta {
  justify-content: flex-end !important;
  gap: 12px !important;
  color: #7a8297;
  font-weight: 700;
}

.footer-meta--stack {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

@media (max-width: 980px) {
  .footer-grid {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 14px;
  }

  .footer-links,
  .footer-meta {
    justify-content: flex-start !important;
  }
}

@media (max-width: 560px) {
  .site-footer {
    padding-top: 18px !important;
  }

  .footer-links {
    flex-wrap: wrap !important;
  }

  .footer-links a {
    min-height: 40px;
    padding: 0 14px;
  }
}

.results-section-rework {
  overflow: hidden;
}

.results-shell {
  display: grid;
  gap: 22px;
}

.results-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 28px;
  align-items: center;
}

.results-copy p {
  max-width: 760px;
  color: #667086;
  font-size: 15px;
  line-height: 1.52;
  font-weight: 620;
}

.results-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.results-fact {
  min-width: 160px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(250, 251, 253, .92);
  border: 1px solid rgba(226, 231, 240, .96);
  box-shadow: 0 6px 14px rgba(36,42,56,.025);
}

.results-fact b {
  display: block;
  margin: 0 0 3px;
  color: #131a2d;
  font-size: 15px;
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -.02em;
}

.results-fact span {
  display: block;
  color: #7a8396;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 700;
}

.results-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 14px;
}

.results-art {
  position: relative;
  width: 260px;
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.results-art::before {
  content: '';
  position: absolute;
  inset: 18px;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 40%, rgba(255,224,150,.34), rgba(247,240,255,.74) 55%, rgba(247,240,255,0) 74%);
  filter: blur(8px);
}

.results-art img {
  position: relative;
  z-index: 1;
  width: 228px;
  max-width: 100%;
  filter: drop-shadow(0 18px 28px rgba(212,145,25,.16));
}

.results-support {
  min-height: 44px !important;
  padding: 0 18px 0 11px !important;
  background: rgba(255,255,255,.66) !important;
  border: 1px solid rgba(226,231,240,.96) !important;
}

.results-flow {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 12px;
}

.results-step {
  min-width: 0;
  min-height: 132px;
  padding: 18px 18px 17px;
  border-radius: 20px;
  background: rgba(255,255,255,.84);
  border: 1px solid rgba(226,231,240,.94);
  box-shadow: 0 8px 18px rgba(36,42,56,.025);
}

.results-step--lead {
  background: linear-gradient(135deg, rgba(250,251,253,.96), rgba(247,240,255,.86));
}

.results-step__eyebrow,
.results-step__date {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(122,66,255,.08);
  color: #6f5fd5;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.results-step__date {
  background: rgba(19,26,45,.06);
  color: #525c74;
}

.results-step h3 {
  margin: 14px 0 8px;
  color: #131a2d;
  font-size: 24px;
  line-height: 1.06;
  font-weight: 900;
  letter-spacing: -.035em;
}

.results-step__body h3 {
  font-size: 20px;
}

.results-step p {
  margin: 0;
  color: #6c7489;
  font-size: 14px;
  line-height: 1.48;
  font-weight: 620;
}

@media (max-width: 1080px) {
  .results-hero {
    grid-template-columns: minmax(0, 1fr) 240px;
    gap: 20px;
  }

  .results-art {
    width: 224px;
    height: 196px;
  }

  .results-art img {
    width: 198px;
  }

  .results-flow {
    grid-template-columns: 1fr;
  }

  .results-step {
    min-height: 0;
  }
}

@media (max-width: 820px) {
  .results-hero {
    grid-template-columns: 1fr;
  }

  .results-side {
    align-items: flex-start;
  }
}

@media (max-width: 560px) {
  .results-copy p,
  .results-step p {
    font-size: 13px;
  }

  .results-facts {
    display: grid;
    grid-template-columns: 1fr;
  }

  .results-fact {
    min-width: 0;
  }

  .results-art {
    width: 190px;
    height: 164px;
  }

  .results-art img {
    width: 168px;
  }

  .results-step {
    padding: 15px 14px;
    border-radius: 18px;
  }

  .results-step h3 {
    font-size: 21px;
  }

  .results-step__body h3 {
    font-size: 18px;
  }
}

.footer-kicker {
  width: fit-content !important;
  min-height: 0 !important;
  margin: 0 0 7px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #7a68df !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

.footer-org--inline {
  position: relative;
  padding-left: 16px !important;
}

.footer-org--inline::before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  bottom: 2px;
  width: 3px;
  border-radius: 999px;
  background: rgba(122, 66, 255, .24);
}

@media (max-width: 560px) {
  .footer-org--inline {
    padding-left: 12px !important;
  }

  .footer-kicker {
    font-size: 11px !important;
  }
}

@media (max-width: 560px) {
  .site-header {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    align-items: start !important;
    justify-items: start !important;
    margin-bottom: 14px !important;
  }

  .site-header .brand {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .site-header .brand-mark {
    width: 54px !important;
    height: 54px !important;
    flex-basis: 54px !important;
  }

  .site-header .brand-mark img {
    width: 54px !important;
    height: 54px !important;
  }

  .site-header .brand-copy {
    min-width: 0 !important;
  }

  .site-header .brand-text {
    font-size: 29px !important;
    line-height: .9 !important;
    letter-spacing: -.055em !important;
  }

  .site-header .brand-quote {
    max-width: 100% !important;
    margin-top: 5px !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    white-space: normal !important;
  }

  .site-header .brand-quote::after {
    width: 124px !important;
  }

  .site-header .header-actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  .site-header .header-actions .header-discuss-link {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    padding-left: 64px !important;
  }

  .site-header .header-actions .header-discuss-link .tg-icon {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    flex-basis: 54px !important;
  }

  .site-header .header-actions .header-discuss-link .header-discuss-copy strong {
    font-size: 22px !important;
    line-height: 1.05 !important;
  }

  .site-header .header-actions .header-discuss-link .header-discuss-copy em {
    margin-top: 2px !important;
    font-size: 14px !important;
    line-height: 1.05 !important;
  }
}

@media (max-width: 380px) {
  .site-header .brand-text {
    font-size: 26px !important;
  }

  .site-header .brand-quote {
    font-size: 12px !important;
  }

  .site-header .header-actions .header-discuss-link {
    padding-left: 0 !important;
  }
}

@media (max-width: 560px) {
  .site-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    justify-items: stretch !important;
    margin-bottom: 12px !important;
  }

  .site-header .header-actions {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
  }

  .site-header .brand {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    width: auto !important;
    display: grid !important;
    grid-template-columns: 32px auto !important;
    gap: 7px !important;
    align-items: center !important;
  }

  .site-header .brand-mark {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
  }

  .site-header .brand-mark img {
    width: 32px !important;
    height: 32px !important;
  }

  .site-header .brand-copy {
    min-width: 0 !important;
    gap: 0 !important;
  }

  .site-header .brand-text {
    font-size: 17px !important;
    line-height: .95 !important;
    letter-spacing: -.045em !important;
    white-space: nowrap !important;
  }

  .site-header .brand-domain {
    margin-left: 2px !important;
  }

  .site-header .brand-quote {
    display: none !important;
  }

  .site-header .header-actions .header-discuss-link {
    width: auto !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, auto) !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 0 !important;
  }

  .site-header .header-actions .header-discuss-link .tg-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    flex-basis: 34px !important;
    box-shadow: 0 8px 16px rgba(17, 24, 39, .10) !important;
  }

  .site-header .header-actions .header-discuss-link .header-discuss-copy {
    min-width: 0 !important;
    gap: 1px !important;
  }

  .site-header .header-actions .header-discuss-link .header-discuss-copy strong {
    font-size: 14px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  .site-header .header-actions .header-discuss-link .header-discuss-copy em {
    margin-top: 0 !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 380px) {
  .site-header {
    gap: 8px !important;
  }

  .site-header .brand {
    grid-template-columns: 28px auto !important;
    gap: 6px !important;
  }

  .site-header .brand-mark,
  .site-header .brand-mark img {
    width: 28px !important;
    height: 28px !important;
  }

  .site-header .brand-text {
    font-size: 15px !important;
  }

  .site-header .header-actions .header-discuss-link {
    grid-template-columns: 30px auto !important;
    gap: 7px !important;
  }

  .site-header .header-actions .header-discuss-link .tg-icon {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    flex-basis: 30px !important;
  }

  .site-header .header-actions .header-discuss-link .header-discuss-copy strong {
    font-size: 12px !important;
  }

  .site-header .header-actions .header-discuss-link .header-discuss-copy em {
    font-size: 9px !important;
  }
}

@media (max-width: 560px) {
  .site-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    justify-items: stretch !important;
    margin-bottom: 12px !important;
  }

  .site-header .brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    width: auto !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .site-header .header-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: auto !important;
    justify-content: end !important;
    align-self: center !important;
  }

  .site-header .brand-mark {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
  }

  .site-header .brand-mark img {
    width: 34px !important;
    height: 34px !important;
  }

  .site-header .brand-copy {
    min-width: 0 !important;
    gap: 1px !important;
    padding: 0 !important;
  }

  .site-header .brand-text {
    font-size: 18px !important;
    line-height: .94 !important;
    letter-spacing: -.05em !important;
    white-space: nowrap !important;
  }

  .site-header .brand-domain {
    margin-left: 2px !important;
  }

  .site-header .brand-quote {
    display: block !important;
    max-width: 165px !important;
    margin: 2px 0 0 !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .site-header .brand-quote::after {
    display: none !important;
  }

  .site-header .header-actions .header-discuss-link {
    width: auto !important;
    display: grid !important;
    grid-template-columns: 32px minmax(0, auto) !important;
    gap: 7px !important;
    align-items: center !important;
    padding: 0 !important;
  }

  .site-header .header-actions .header-discuss-link .tg-icon {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    flex-basis: 32px !important;
    box-shadow: 0 8px 16px rgba(17, 24, 39, .10) !important;
  }

  .site-header .header-actions .header-discuss-link .header-discuss-copy {
    min-width: 0 !important;
    gap: 1px !important;
    align-items: flex-start !important;
  }

  .site-header .header-actions .header-discuss-link .header-discuss-copy strong {
    font-size: 13px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  .site-header .header-actions .header-discuss-link .header-discuss-copy em {
    margin-top: 1px !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 380px) {
  .site-header {
    gap: 8px !important;
  }

  .site-header .brand {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  .site-header .brand-mark,
  .site-header .brand-mark img {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }

  .site-header .brand-text {
    font-size: 16px !important;
  }

  .site-header .brand-quote {
    max-width: 138px !important;
    font-size: 9px !important;
  }

  .site-header .header-actions .header-discuss-link {
    grid-template-columns: 28px auto !important;
    gap: 6px !important;
  }

  .site-header .header-actions .header-discuss-link .tg-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    flex-basis: 28px !important;
  }

  .site-header .header-actions .header-discuss-link .header-discuss-copy strong {
    font-size: 11px !important;
  }

  .site-header .header-actions .header-discuss-link .header-discuss-copy em {
    font-size: 9px !important;
  }
}

.bottom-note--seo {
  display: grid;
  gap: 10px;
}

.bottom-note--seo p {
  max-width: 820px;
  margin: 0;
  color: #6c7489;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 620;
}

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

body {
  min-width: 320px;
  overscroll-behavior-x: none;
}

.page-shell,
.page,
.site-header,
.hero,
.cards-row,
.delivery-notice,
.launch-section,
.summary-block,
.games-section,
.states-section,
.accordion-list,
.bottom-note,
.site-footer {
  max-width: 100%;
}

img,
svg,
video,
canvas {
  max-width: 100%;
}

@media (max-width: 560px) {
  html,
  body {
    position: relative;
    overflow-x: clip;
  }

  .page-shell {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    overflow: hidden !important;
  }

  .page,
  main,
  section {
    min-width: 0 !important;
  }

  .hero,
  .cards-row,
  .delivery-notice,
  .launch-section,
  .summary-block,
  .games-section,
  .states-section,
  .accordion-list,
  .bottom-note {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .hero *,
  .cards-row *,
  .delivery-notice *,
  .launch-section *,
  .summary-block *,
  .games-section *,
  .states-section *,
  .accordion-list *,
  .site-footer * {
    min-width: 0 !important;
  }

  .hero-art,
  .hero-flow,
  .delivery-notice__ribbon,
  .results-art,
  .games-art-plain,
  .quest-prize-card__image {
    max-width: 100% !important;
  }

  .hero-flow,
  .hero-flow *,
  .delivery-notice__ribbon,
  .delivery-notice__ribbon *,
  .results-art,
  .results-art *,
  .games-art-plain,
  .games-art-plain *,
  .quest-prize-card__image {
    animation: none !important;
    transition: none !important;
  }

  .site-header {
    position: relative !important;
    overflow: visible !important;
  }

  .site-header .brand,
  .site-header .header-actions,
  .site-header .header-actions .header-discuss-link {
    transform: none !important;
  }

  .countdown,
  .countdown-grid,
  .countdown-grid div {
    min-width: 0 !important;
  }
}

@supports not (overflow: clip) {
  @media (max-width: 560px) {
    html,
    body {
      overflow-x: hidden;
    }
  }
}