@charset "utf-8";

@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
  *, ::before, ::after, ::backdrop { --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-border-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-ease: initial; }
}
}

@layer theme {
  :root, :host { --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --spacing: .25rem; --ease-in-out: cubic-bezier(.4, 0, .2, 1); --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); }
}

@layer base {
  *, ::after, ::before, ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  ::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  html, :host { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }
  hr { height: 0px; color: inherit; border-top-width: 1px; }
  abbr:where([title]) { text-decoration: underline dotted; }
  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
  a { color: inherit; text-decoration: inherit; }
  b, strong { font-weight: bolder; }
  code, kbd, samp, pre { font-family: var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings,normal); font-variation-settings: var(--default-mono-font-variation-settings,normal); font-size: 1em; }
  small { font-size: 80%; }
  sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; }
  sub { bottom: -0.25em; }
  sup { top: -0.5em; }
  table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
  progress { vertical-align: baseline; }
  summary { display: list-item; }
  ol, ul, menu { list-style: none; }
  img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; }
  img, video { max-width: 100%; height: auto; }
  button, input, select, optgroup, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
  ::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
  :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }
  :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }
  ::file-selector-button { margin-inline-end: 4px; }
  ::placeholder { opacity: 1; }
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
  ::placeholder { color: currentcolor; }
  @supports (color:color-mix(in lab, red, red)) {
  ::placeholder { color: color-mix(in oklab, currentcolor, transparent); }
}
}
  textarea { resize: vertical; }
  ::-webkit-search-decoration { appearance: none; }
  ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; }
  ::-webkit-datetime-edit { display: inline-flex; }
  ::-webkit-datetime-edit-fields-wrapper { padding: 0px; }
  ::-webkit-datetime-edit { padding-block: 0px; }
  ::-webkit-datetime-edit-year-field { padding-block: 0px; }
  ::-webkit-datetime-edit-month-field { padding-block: 0px; }
  ::-webkit-datetime-edit-day-field { padding-block: 0px; }
  ::-webkit-datetime-edit-hour-field { padding-block: 0px; }
  ::-webkit-datetime-edit-minute-field { padding-block: 0px; }
  ::-webkit-datetime-edit-second-field { padding-block: 0px; }
  ::-webkit-datetime-edit-millisecond-field { padding-block: 0px; }
  ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
  ::-webkit-calendar-picker-indicator { line-height: 1; }
  button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
  ::file-selector-button { appearance: button; }
  ::-webkit-inner-spin-button { height: auto; }
  ::-webkit-outer-spin-button { height: auto; }
  [hidden]:where(:not([hidden="until-found"])) { display: none !important; }
}

@layer components;

@layer utilities {
  .visible { visibility: visible; }
  .absolute { position: absolute; }
  .fixed { position: fixed; }
  .container { width: 100%; }
  @media (width >= 40rem) {
  .container { max-width: 40rem; }
}
  @media (width >= 48rem) {
  .container { max-width: 48rem; }
}
  @media (width >= 64rem) {
  .container { max-width: 64rem; }
}
  @media (width >= 80rem) {
  .container { max-width: 80rem; }
}
  @media (width >= 96rem) {
  .container { max-width: 96rem; }
}
  .block { display: block; }
  .flex { display: flex; }
  .hidden { display: none; }
  .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); }
  .resize { resize: both; }
  .border { border-style: var(--tw-border-style); border-width: 1px; }
  .pb-2 { padding-bottom: calc(var(--spacing) * 2); }
  .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); }
}

:root { color: rgb(255, 255, 255); font-synthesis: none; text-rendering: optimizelegibility; background: rgb(7, 5, 4); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }

* { box-sizing: border-box; }

html { scroll-behavior: smooth; background: rgb(21, 21, 21); margin: 0px; }

body { background: rgb(21, 21, 21); min-width: 320px; min-height: 100vh; margin: 0px; }

button, a { font: inherit; }

button { cursor: pointer; }

img { max-width: 100%; display: block; }

#app { width: 100%; }

.widget-shell { background: rgb(8, 6, 5); width: 100%; max-width: 430px; min-height: 100vh; margin-inline: auto; position: relative; overflow: hidden; box-shadow: rgba(255, 255, 255, 0.03) 0px 0px 0px 1px, rgba(0, 0, 0, 0.42) 0px 0px 80px; }

.section-eyebrow { color: rgb(255, 173, 39); letter-spacing: 0.25em; text-transform: uppercase; align-items: center; gap: 9px; margin: 0px 0px 12px; font-size: 0.57rem; font-weight: 850; display: flex; }

.section-eyebrow::before { content: ""; background: linear-gradient(90deg, rgb(255, 173, 39), rgba(0, 0, 0, 0)); width: 24px; height: 1px; }

.cashback-hero { isolation: isolate; background: rgb(11, 7, 4); width: 100%; position: relative; overflow: hidden; }

.cashback-hero__banner { object-fit: contain; object-position: center top; user-select: none; -webkit-user-drag: none; width: 100%; height: auto; display: block; }

.cashback-hero::after { content: ""; z-index: 2; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(8, 7, 6, 0.22) 48%, rgb(8, 7, 6) 100%); height: 90px; position: absolute; bottom: 0px; left: 0px; right: 0px; }

.cashback-hero__scroll { z-index: 5; color: rgba(255, 255, 255, 0.68); cursor: pointer; -webkit-tap-highlight-color: transparent; background: 0px 0px; border: 0px; justify-items: center; gap: 6px; padding: 0px; display: grid; position: absolute; bottom: 20px; left: 50%; transform: translate(-50%); }

.cashback-hero__mouse { backdrop-filter: blur(4px); background: rgba(10, 5, 2, 0.12); border: 1px solid rgba(255, 255, 255, 0.46); border-radius: 999px; width: 24px; height: 38px; display: block; position: relative; box-shadow: rgba(0, 0, 0, 0.16) 0px 6px 18px; }

.cashback-hero__mouse > span { background: linear-gradient(rgb(255, 229, 115), rgb(255, 158, 29)); border-radius: 999px; width: 3px; height: 7px; animation: 1.7s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal none running cashback-scroll-wheel; position: absolute; top: 7px; left: 50%; transform: translate(-50%); box-shadow: rgba(255, 176, 37, 0.65) 0px 0px 8px; }

.cashback-hero__scroll small { color: rgba(255, 255, 255, 0.56); letter-spacing: 0.17em; text-transform: uppercase; font-size: 0.43rem; font-weight: 800; line-height: 1; transition: color 0.18s ease 0s; }

.cashback-hero__scroll:active .cashback-hero__mouse { transform: scale(0.94); }

@media (hover: hover) {
  .cashback-hero__scroll:hover small { color: rgba(255, 255, 255, 0.88); }
  .cashback-hero__scroll:hover .cashback-hero__mouse { border-color: rgba(255, 193, 70, 0.72); box-shadow: rgba(255, 142, 22, 0.18) 0px 0px 16px; }
}

@keyframes cashback-scroll-wheel { 
  0% { opacity: 0; transform: translate(-50%, -1px); }
  20% { opacity: 1; }
  68% { opacity: 0.9; }
  100% { opacity: 0; transform: translate(-50%, 14px); }
}

@media (prefers-reduced-motion: reduce) {
  .cashback-hero__mouse > span { animation: auto ease 0s 1 normal none running none; }
}

.games-section { background: radial-gradient(circle at 100% 0px, rgba(187, 52, 9, 0.13), rgba(0, 0, 0, 0) 30%), rgb(8, 7, 6); padding: 50px 18px 10px; }

.games-section__header h2, .terms-section__header h2 { color: rgb(247, 243, 234); letter-spacing: -0.065em; margin: 0px; font-size: 2.35rem; font-weight: 500; line-height: 0.9; }

.games-section__header h2 strong, .terms-section__header h2 strong { font-weight: 930; display: block; }

.games-section__header > p:last-child { color: rgba(255, 255, 255, 0.47); max-width: 330px; margin: 18px 0px 0px; font-size: 0.68rem; line-height: 1.7; }

.provider-tabs-wrap { margin-top: 28px; position: relative; }

.provider-tabs { margin-inline: -18px; scroll-padding-inline: 18px; position: relative; overflow: auto hidden; }

.provider-tabs::-webkit-scrollbar { display: none; }

.provider-tabs__track { align-items: stretch; gap: 8px; width: max-content; padding: 8px 18px 12px; display: flex; }

.provider-tab { isolation: isolate; color: rgba(255, 255, 255, 0.5); -webkit-tap-highlight-color: transparent; background: linear-gradient(145deg, rgba(255, 255, 255, 0.024), rgba(255, 255, 255, 0.008)); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 14px; place-items: center; width: 104px; min-width: 104px; min-height: 74px; padding: 12px 10px; transition: border-color 0.24s ease 0s, background 0.24s ease 0s, box-shadow 0.24s ease 0s, color 0.24s ease 0s; display: grid; position: relative; overflow: hidden; box-shadow: rgba(255, 255, 255, 0.024) 0px 1px inset; }

.provider-tab::before { content: ""; z-index: -1; opacity: 0; background: radial-gradient(circle at 50% 0px, rgba(255, 175, 38, 0.15), rgba(0, 0, 0, 0) 60%); transition: opacity 0.26s ease 0s; position: absolute; inset: 0px; }

.provider-tab--active { color: rgb(255, 209, 102); background: linear-gradient(145deg, rgba(255, 153, 22, 0.1), rgba(95, 31, 4, 0.043)); border-color: rgba(255, 166, 27, 0.5); box-shadow: rgba(255, 216, 133, 0.1) 0px 1px inset, rgba(255, 119, 12, 0.07) 0px 0px 22px; }

.provider-tab--active::before { opacity: 1; }

.provider-tab--all { width: 104px; min-width: 104px; }

.provider-tab__all-text { color: inherit; letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.6rem; font-weight: 850; }

.provider-tab__logo { place-items: center; width: 70px; height: 32px; display: grid; }

.provider-tab__logo img { object-fit: contain; filter: grayscale(0.12) brightness(0.98); max-width: 100%; max-height: 100%; transition: filter 0.22s ease 0s, transform 0.26s cubic-bezier(0.16, 1, 0.3, 1) 0s; display: block; }

.provider-tab--active .provider-tab__logo img { filter: grayscale(0) brightness(1.08); transform: scale(1.05); }

.provider-tab__active-line { opacity: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(255, 171, 41), rgb(255, 212, 102), rgb(255, 140, 23), rgba(0, 0, 0, 0)); border-radius: 999px 999px 0px 0px; height: 2px; transition: opacity 0.22s ease 0s, transform 0.36s cubic-bezier(0.16, 1, 0.3, 1) 0s; position: absolute; bottom: 0px; left: 18px; right: 18px; transform: scaleX(0.25); box-shadow: rgba(255, 160, 25, 0.55) 0px 0px 9px; }

.provider-tab--active .provider-tab__active-line { opacity: 1; transform: scaleX(1); }

.provider-tabs__hint { color: rgba(255, 255, 255, 0.28); letter-spacing: 0.13em; text-transform: uppercase; justify-content: flex-end; align-items: center; gap: 7px; margin-top: 3px; padding-right: 2px; font-size: 0.44rem; font-weight: 750; display: flex; }

.provider-tabs__hint svg { color: rgb(217, 153, 45); width: 25px; height: 12px; animation: 1.6s ease-in-out 0s infinite normal none running provider-hint-arrow; }

@keyframes provider-hint-arrow { 
  0%, 100% { opacity: 0.42; transform: translate(0px); }
  50% { opacity: 1; transform: translate(5px); }
}

@media (hover: hover) {
  .provider-tab:hover:not(.provider-tab--active) { color: rgba(255, 255, 255, 0.72); border-color: rgba(255, 255, 255, 0.15); }
  .provider-tab:hover .provider-tab__logo img { transform: scale(1.04); }
}

@media (width <= 360px) {
  .provider-tab, .provider-tab--all { width: 94px; min-width: 94px; }
  .provider-tab__logo { width: 62px; }
}

@media (prefers-reduced-motion: reduce) {
  .provider-tabs__hint svg { animation: auto ease 0s 1 normal none running none; }
}

.games-stage { min-height: 320px; margin-top: 18px; position: relative; }

.games-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px 9px; width: 100%; display: grid; }

.game-card { --game-index: 0; opacity: 0; min-width: 0px; animation-duration: 0.54s; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; animation-name: cashback-game-reveal; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--game-index) * 46ms); }

.game-card__link { min-width: 0px; color: inherit; -webkit-tap-highlight-color: transparent; text-decoration: none; display: block; }

.game-card__media { isolation: isolate; aspect-ratio: 0.92 / 1; background: linear-gradient(145deg, rgb(40, 20, 10), rgb(16, 16, 16)); border: 1px solid rgba(255, 255, 255, 0.075); border-radius: 11px; width: 100%; transition: transform 0.34s cubic-bezier(0.16, 1, 0.3, 1) 0s, border-color 0.24s ease 0s, box-shadow 0.24s ease 0s; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.26) 0px 10px 20px, rgba(255, 255, 255, 0.035) 0px 1px inset; }

.game-card__media::after { content: ""; z-index: 2; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.08) 74%, rgba(0, 0, 0, 0.24) 100%); position: absolute; inset: 0px; }

.game-card__media img { z-index: 1; object-fit: cover; width: 100%; height: 100%; transition: transform 0.48s cubic-bezier(0.16, 1, 0.3, 1) 0s, filter 0.3s ease 0s; position: relative; transform: scale(1.001); }

.game-card__cashback { z-index: 5; color: rgb(61, 33, 2); letter-spacing: -0.01em; background: linear-gradient(rgb(255, 224, 106), rgb(255, 179, 45) 55%, rgb(255, 146, 26)); border: 1px solid rgba(255, 235, 160, 0.48); border-radius: 999px; place-items: center; min-width: 36px; height: 22px; padding-inline: 6px; font-size: 0.43rem; font-weight: 950; display: grid; position: absolute; top: 6px; right: 6px; box-shadow: rgba(255, 255, 255, 0.48) 0px 1px inset, rgba(85, 30, 0, 0.2) 0px 4px 10px; }

.game-card__shine { z-index: 4; pointer-events: none; opacity: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.11), rgba(0, 0, 0, 0)); width: 34%; height: 280%; transition: opacity 0.2s ease 0s; position: absolute; top: -90%; left: -80%; transform: rotate(20deg) translate(-250%); }

.game-card__content { gap: 4px; min-width: 0px; padding: 8px 2px 0px; display: grid; }

.game-card__content strong { color: rgb(245, 241, 232); letter-spacing: -0.015em; text-overflow: ellipsis; white-space: nowrap; font-size: 0.58rem; font-weight: 800; line-height: 1.25; overflow: hidden; }

.game-card__content span { color: rgba(255, 255, 255, 0.3); text-overflow: ellipsis; white-space: nowrap; font-size: 0.43rem; line-height: 1.3; overflow: hidden; }

.provider-grid-enter-active { transition: opacity 0.36s ease 0s, transform 0.46s cubic-bezier(0.16, 1, 0.3, 1) 0s, filter 0.4s ease 0s; }

.provider-grid-leave-active { transition: opacity 0.17s ease 0s, transform 0.22s ease 0s, filter 0.18s ease 0s; }

.provider-grid-enter-from { opacity: 0; filter: blur(5px); transform: translateY(14px) scale(0.985); }

.provider-grid-enter-to, .provider-grid-leave-from { opacity: 1; filter: blur(); transform: translate(0px) scale(1); }

.provider-grid-leave-to { opacity: 0; filter: blur(3px); transform: translateY(-5px) scale(0.992); }

@keyframes cashback-game-reveal { 
  0% { opacity: 0; transform: translateY(11px) scale(0.975); }
  100% { opacity: 1; transform: translate(0px) scale(1); }
}

@media (hover: hover) {
  .provider-tab:hover:not(.provider-tab--active) { color: rgba(255, 255, 255, 0.68); border-color: rgba(255, 255, 255, 0.15); }
  .game-card:hover .game-card__media { border-color: rgba(255, 157, 27, 0.28); transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.32) 0px 14px 26px, rgba(255, 116, 10, 0.055) 0px 0px 22px; }
  .game-card:hover .game-card__media img { filter: saturate(1.06) brightness(1.03); transform: scale(1.05); }
  .game-card:hover .game-card__shine { opacity: 1; animation: 0.78s ease 0s 1 normal forwards running cashback-card-shine; }
}

.game-card__link:active .game-card__media { transform: scale(0.975); }

@keyframes cashback-card-shine { 
  0% { transform: rotate(20deg) translate(-250%); }
  100% { transform: rotate(20deg) translate(650%); }
}

@media (width <= 360px) {
  .games-grid { gap: 12px 7px; }
  .game-card__cashback { min-width: 33px; height: 20px; padding-inline: 5px; font-size: 0.4rem; top: 5px; right: 5px; }
  .game-card__content strong { font-size: 0.54rem; }
  .game-card__content span { font-size: 0.4rem; }
  .provider-tab { width: 84px; min-width: 84px; }
}

@media (prefers-reduced-motion: reduce) {
  .game-card { opacity: 1; animation: auto ease 0s 1 normal none running none; }
  .provider-grid-enter-active, .provider-grid-leave-active { transition: none 0s ease 0s; }
  .provider-grid-enter-from, .provider-grid-leave-to { opacity: 1; filter: none; transform: none; }
}

.terms-section { background: rgb(6, 6, 6); padding: 68px 18px 72px; }

.terms-list { gap: 9px; margin-top: 30px; display: grid; }

.term-item { background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.075); border-radius: 14px; transition: border-color 0.24s ease 0s, background 0.24s ease 0s; overflow: hidden; }

.term-item--open { background: linear-gradient(120deg, rgba(255, 156, 27, 0.06), rgba(255, 255, 255, 0.016)); border-color: rgba(255, 167, 40, 0.3); }

.term-item__trigger { width: 100%; min-height: 78px; color: inherit; text-align: left; background: 0px 0px; border: 0px; grid-template-columns: 34px minmax(0px, 1fr) 30px; align-items: center; gap: 10px; padding: 13px 12px; display: grid; }

.term-item__number { color: rgba(255, 255, 255, 0.28); font-size: 22px; font-weight: 850; }

.term-item--open .term-item__number { color: rgb(255, 174, 44); }

.term-item__heading { gap: 6px; display: grid; }

.term-item__heading strong { color: rgb(246, 242, 233); font-size: 0.78rem; }

.term-item__heading small { color: rgba(255, 255, 255, 0.34); font-size: 0.56rem; }

.term-item__icon { color: rgba(255, 255, 255, 0.5); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 50%; place-items: center; width: 29px; height: 29px; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0s, color 0.24s ease 0s, border-color 0.24s ease 0s; display: grid; }

.term-item__icon svg { width: 14px; height: 14px; }

.term-item--open .term-item__icon { color: rgb(255, 173, 39); border-color: rgba(255, 173, 39, 0.32); transform: rotate(180deg); }

.term-item__panel { opacity: 0; grid-template-rows: 0fr; transition: grid-template-rows 0.45s cubic-bezier(0.16, 1, 0.3, 1) 0s, opacity 0.26s ease 0s; display: grid; }

.term-item--open .term-item__panel { opacity: 1; grid-template-rows: 1fr; }

.term-item__panel > div { min-height: 0px; overflow: hidden; }

.term-item__panel p { color: rgba(255, 255, 255, 0.56); border-top: 1px solid rgba(255, 255, 255, 0.06); margin: 0px 14px 20px 56px; padding-top: 16px; font-size: 0.64rem; line-height: 1.65; }

.footer-section { text-align: center; background: linear-gradient(rgb(8, 7, 6), rgb(3, 3, 3)); justify-items: center; padding: 55px 24px 35px; display: grid; }

.footer-section__logo { width: 145px; }

.footer-section p { color: rgba(255, 255, 255, 0.4); max-width: 290px; margin: 20px 0px 0px; font-size: 0.62rem; line-height: 1.65; }

.footer-section__regulatory { opacity: 0.8; width: 165px; margin-top: 25px; }

.footer-section small { color: rgba(255, 255, 255, 0.22); margin-top: 30px; font-size: 0.48rem; }

@keyframes hero-background-breathe { 
  0% { transform: scale(1.025) translateY(0px); }
  100% { transform: scale(1.055) translateY(-8px); }
}

@keyframes hero-glow { 
  0%, 100% { opacity: 0.6; transform: translate(-50%) scale(0.92); }
  50% { opacity: 1; transform: translate(-50%) scale(1.08); }
}

@keyframes hero-coin-red { 
  0%, 100% { transform: translateY(0px) rotate(-7deg); }
  50% { transform: translateY(-16px) rotate(3deg); }
}

@keyframes hero-coin-yellow { 
  0%, 100% { transform: translateY(0px) rotate(8deg); }
  50% { transform: translateY(13px) rotate(-3deg); }
}

@keyframes scroll-wheel { 
  0% { opacity: 0; transform: translate(-50%); }
  25% { opacity: 1; }
  100% { opacity: 0; transform: translate(-50%, 14px); }
}

@keyframes game-card-enter { 
  0% { opacity: 0; transform: translateY(13px) scale(0.975); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after { scroll-behavior: auto !important; transition-duration: 1ms !important; animation-duration: 1ms !important; animation-iteration-count: 1 !important; }
}

@property --tw-rotate-x { syntax: "*"; inherits: false; }

@property --tw-rotate-y { syntax: "*"; inherits: false; }

@property --tw-rotate-z { syntax: "*"; inherits: false; }

@property --tw-skew-x { syntax: "*"; inherits: false; }

@property --tw-skew-y { syntax: "*"; inherits: false; }

@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }

@property --tw-blur { syntax: "*"; inherits: false; }

@property --tw-brightness { syntax: "*"; inherits: false; }

@property --tw-contrast { syntax: "*"; inherits: false; }

@property --tw-grayscale { syntax: "*"; inherits: false; }

@property --tw-hue-rotate { syntax: "*"; inherits: false; }

@property --tw-invert { syntax: "*"; inherits: false; }

@property --tw-opacity { syntax: "*"; inherits: false; }

@property --tw-saturate { syntax: "*"; inherits: false; }

@property --tw-sepia { syntax: "*"; inherits: false; }

@property --tw-drop-shadow { syntax: "*"; inherits: false; }

@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }

@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }

@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }

@property --tw-ease { syntax: "*"; inherits: false; }