/* Visual theme layer adapted from the supplied Kimi reference.
   It intentionally preserves the existing SastiGames layout and components. */
:root {
  --tp-bg: #0c1202;
  --tp-surface: #121a06;
  --tp-deep: #080d01;
  --tp-line: rgba(191, 250, 0, .15);
  --tp-muted: rgba(255, 255, 255, .48);
  --tp-amber: #bffa00;
  --kimi-lime: #bffa00;
  --kimi-lime-soft: #fbff85;
  --kimi-ink: #0c1202;
  --kimi-card: #111907;
  --kimi-border: rgba(255, 255, 255, .075);
}

/* Shared palette: keep every storefront and account page on one visual system. */
:root,
[data-bs-theme="dark"] {
  --sg-bg-main: #0c1202;
  --sg-bg-surface: #111907;
  --sg-card-bg: rgba(17, 25, 7, .92);
  --sg-card-border: rgba(191, 250, 0, .14);
  --sg-neon: #bffa00;
  --sg-neon-hover: #fbff85;
  --sg-neon-dark: #82aa00;
  --sg-neon-glow: rgba(191, 250, 0, .28);
  --primary-color: 191, 250, 0;
  --bg-color1: #0c1202;
  --bg-color2: #111907;
  --bg-color3: #151f08;
  --bg-color4: #0a1002;
  --input-color: #0f1605;
  --border-color1: rgba(191, 250, 0, .16);
  --btn-bg1: #bffa00;
  --btn-bg2: #fbff85;
}

html { scroll-behavior: smooth; }
body,
.site-wrapper,
.site-main {
  background: #0c1202 !important;
  color: #fff;
}
body { scrollbar-color: #2a3812 #0c1202; }
body::selection { background: #bffa00; color: #0c1202; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #0c1202; }
::-webkit-scrollbar-thumb { background: #2a3812; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #bffa00; }
.site-main {
  background-image:
    radial-gradient(circle at 80% 0%, rgba(191, 250, 0, .055), transparent 32%),
    radial-gradient(circle at 8% 38%, rgba(251, 255, 133, .025), transparent 28%) !important;
}

/* Header: same structure, reference palette. */
.header-top-section { background: #080d01 !important; border-color: rgba(191, 250, 0, .12) !important; }
.cusotm-nav,
.cusotm-nav .desktop-view,
.tp-reference-header,
.tp-reference-header .tp-mobile-nav {
  background: rgba(12, 18, 2, .97) !important;
  border-color: rgba(191, 250, 0, .13) !important;
}
.cusotm-nav,
.tp-reference-header { box-shadow: 0 14px 35px rgba(0, 0, 0, .32) !important; }
.tp-header-links a,
.cusotm-nav .main-menu nav ul li a { color: rgba(255, 255, 255, .72) !important; }
.tp-header-links a:hover,
.cusotm-nav .main-menu nav ul li a:hover,
.cusotm-nav .main-menu nav ul li.active > a { color: #bffa00 !important; }
.tp-reference-header .search-box2,
.tp-mobile-search input {
  background: #101706 !important;
  border-color: rgba(191, 250, 0, .44) !important;
  box-shadow: 0 0 0 6px rgba(191, 250, 0, .035), 0 12px 30px rgba(0, 0, 0, .32) !important;
}
.tp-reference-header .tp-register-btn,
.tp-reference-header .login-btn { border-color: rgba(191, 250, 0, .55) !important; color: #bffa00 !important; }
.tp-reference-header .tp-register-btn:hover,
.tp-reference-header .login-btn:hover { background: #bffa00 !important; color: #0c1202 !important; box-shadow: 0 0 28px rgba(191, 250, 0, .25); }
.tp-category-nav { background: #0a1002 !important; border-color: rgba(191, 250, 0, .11) !important; }
.tp-category-trigger { color: rgba(255, 255, 255, .76) !important; }
.tp-category-icon,
.tp-category-trigger > i { color: #bffa00 !important; }
.tp-category-item.is-open .tp-category-trigger,
.tp-category-trigger:hover { color: #bffa00 !important; background: rgba(191, 250, 0, .055) !important; }
.tp-category-dropdown { background: #111907 !important; border-color: rgba(191, 250, 0, .2) !important; box-shadow: 0 20px 50px rgba(0, 0, 0, .55) !important; }
.tp-category-dropdown a:hover { background: rgba(191, 250, 0, .09) !important; color: #dfff73 !important; }
.tp-mobile-toggle,
.tp-mobile-profile .tp-profile-trigger,
.tp-mobile-user { background: #121a06 !important; border-color: rgba(191, 250, 0, .28) !important; }

/* Mobile category drawer. */
.tp-reference-header .tp-mobile-links,
.tp-mobile-menu-heading {
  background: #0c1202 !important;
  border-color: rgba(191, 250, 0, .12) !important;
}
.tp-mobile-menu-backdrop { background: rgba(3, 6, 0, .82) !important; }
.tp-mobile-category-trigger {
  background: #151f08 !important;
  border-color: rgba(191, 250, 0, .09) !important;
  color: rgba(255, 255, 255, .9) !important;
}
.tp-mobile-category-trigger:hover,
.tp-mobile-category-trigger[aria-expanded="true"] {
  background: #1b270a !important;
  border-color: rgba(191, 250, 0, .42) !important;
  color: #fbff85 !important;
}
.tp-mobile-category-trigger > span > i,
.tp-mobile-category-arrow,
.tp-mobile-menu-close:hover { color: #bffa00 !important; }
.tp-mobile-category-children { background: #101706 !important; }
.tp-reference-header .tp-mobile-category-children a:hover { background: rgba(191, 250, 0, .08) !important; color: #fbff85 !important; }
.tp-reference-header .tp-mobile-category-children .tp-mobile-view-all { color: #bffa00 !important; }
.tp-mobile-menu-utility { border-color: rgba(191, 250, 0, .14) !important; }
.tp-reference-header .tp-mobile-menu-utility a { color: rgba(255, 255, 255, .58) !important; }
.tp-reference-header .tp-mobile-menu-utility a:hover { color: #bffa00 !important; }

/* Mobile guest profile popup. */
@media (max-width: 991px) {
  .tp-reference-header .tp-mobile-profile .tp-guest-menu,
  .tp-reference-header .tp-mobile-profile .user-dropdown.tp-guest-menu {
    background: #111907 !important;
    border: 1px solid rgba(191, 250, 0, .22) !important;
    box-shadow: 0 24px 55px rgba(0, 0, 0, .72), 0 0 34px rgba(191, 250, 0, .07) !important;
  }
  .tp-reference-header .tp-mobile-profile .tp-guest-menu .tp-guest-login {
    background: #bffa00 !important;
    border-color: #bffa00 !important;
    color: #0c1202 !important;
  }
  .tp-reference-header .tp-mobile-profile .tp-guest-menu .tp-guest-register {
    background: #151f08 !important;
    border-color: rgba(191, 250, 0, .28) !important;
    color: #fbff85 !important;
  }
  .tp-reference-header .tp-mobile-profile .tp-guest-menu .tp-guest-or {
    color: rgba(255, 255, 255, .42) !important;
  }
  .tp-reference-header .tp-mobile-profile .tp-guest-menu :where(.tp-guest-login, .tp-guest-register):hover,
  .tp-reference-header .tp-mobile-profile .tp-guest-menu :where(.tp-guest-login, .tp-guest-register):focus {
    background: #fbff85 !important;
    border-color: #fbff85 !important;
    color: #0c1202 !important;
    box-shadow: 0 0 28px rgba(191, 250, 0, .25) !important;
  }
}

/* Product/category pages that previously retained the purple template palette. */
.products-section,
.card-section,
.sell-post-section,
.blog-section,
.contact-section,
.login-section,
.register-section {
  background: #0c1202 !important;
  color: #fff !important;
}
.products-section .sidebar-widget-area,
.products-section .category-box,
.card-section .sidebar-widget-area,
.card-section .category-box,
.sell-post-section .sidebar-widget-area,
.sell-post-section .sell-post-box {
  background: #111907 !important;
  border-color: rgba(191, 250, 0, .13) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .25) !important;
}
.products-section .widget-title::before,
.card-section .widget-title::before,
.sell-post-section .widget-title::before { background: #bffa00 !important; }
.products-section .category-link,
.card-section .category-link,
.sell-post-section .category-link { color: rgba(255, 255, 255, .76) !important; }
.products-section .category-link:hover,
.card-section .category-link:hover,
.sell-post-section .category-link:hover { color: #bffa00 !important; background: rgba(191, 250, 0, .055) !important; }
.products-section .category-link i,
.card-section .category-link i,
.sell-post-section .category-link i { color: #bffa00 !important; }
.products-section .category-icon-image,
.card-section .category-icon-image,
.tp-mobile-category-trigger img {
  filter: brightness(0) saturate(100%) invert(87%) sepia(88%) saturate(1541%) hue-rotate(22deg) brightness(109%) contrast(105%) !important;
}
.products-section .category-box:hover,
.card-section .category-box:hover {
  border-color: rgba(191, 250, 0, .38) !important;
  box-shadow: 0 18px 45px rgba(191, 250, 0, .1) !important;
}
.products-section .category-box .text-box,
.card-section .category-box .text-box { background: #111907 !important; }
.products-section .category-box .title,
.card-section .category-box .title { color: rgba(255, 255, 255, .9) !important; }
.products-section .nice-select,
.card-section .nice-select,
.products-section select,
.card-section select {
  background-color: #111907 !important;
  border-color: rgba(191, 250, 0, .15) !important;
  color: rgba(255, 255, 255, .78) !important;
}

/* Authentication and account pages. */
.tp-login-page {
  background-color: #0c1202 !important;
  background-image: linear-gradient(rgba(191,250,0,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(191,250,0,.025) 1px, transparent 1px) !important;
}
.tp-login-ambient { background: rgba(191, 250, 0, .16) !important; }
.tp-login-card {
  background: rgba(17, 25, 7, .9) !important;
  border-color: rgba(191, 250, 0, .2) !important;
  box-shadow: 0 25px 55px rgba(0,0,0,.58), 0 0 75px rgba(191,250,0,.055) !important;
}
.tp-login-card::before,
.tp-login-card::after { background: rgba(191, 250, 0, .1) !important; }
.tp-login-shield { color: #bffa00 !important; border-color: rgba(191,250,0,.32) !important; background: rgba(191,250,0,.07) !important; }
.tp-login-heading h1 span,
.tp-login-options a,
.tp-signup-link a { color: #bffa00 !important; }
.tp-input-wrap { background: #0f1605 !important; border-color: rgba(255,255,255,.13) !important; }
.tp-input-wrap:focus-within { border-color: rgba(191,250,0,.62) !important; box-shadow: 0 0 0 3px rgba(191,250,0,.08) !important; }
.tp-input-wrap > i,
.tp-password-toggle { color: rgba(255,255,255,.44) !important; }
.tp-input-wrap:focus-within > i,
.tp-password-toggle:hover { color: #bffa00 !important; }
.tp-login-submit { background: #bffa00 !important; color: #0c1202 !important; box-shadow: 0 12px 30px rgba(191,250,0,.16) !important; }
.tp-login-submit:hover { background: #fbff85 !important; box-shadow: 0 0 34px rgba(191,250,0,.3) !important; }
.tp-remember input { accent-color: #bffa00 !important; }

/* Normalize decorative/action icons without recoloring warnings or errors. */
.site-main :is(.fa-gamepad,.fa-gift,.fa-bolt,.fa-users,.fa-user-shield,.fa-key,.fa-arrows-rotate,.fa-thumbs-up,.fa-lock,.fa-shield-halved,.fa-headset,.fa-star),
.dashboard-wrapper :is(.nav-icon,.dashboard-icon),
.sidebar-wrapper .nav-icon { color: #bffa00 !important; }
.site-main :is(.icon-box,.tp-heading-icon,.tp-wallet-icon),
.dashboard-wrapper :is(.icon-box,.dashboard-icon) { border-color: rgba(191,250,0,.16) !important; }

/* Authenticated user area: remove the remaining legacy navy palette. */
.user-site-wrapper,
.user-site-wrapper .user-full-page,
.user-site-wrapper .user-full-page > .container,
.user-site-wrapper .dashboard-wrapper,
.user-site-wrapper #main,
.user-site-wrapper .main {
  background-color: #0c1202 !important;
  color: rgba(255, 255, 255, .84) !important;
}
.user-site-wrapper .user-full-page {
  background-image:
    radial-gradient(circle at 85% 4%, rgba(191,250,0,.05), transparent 30%),
    radial-gradient(circle at 4% 55%, rgba(191,250,0,.025), transparent 26%) !important;
}
.user-site-wrapper .pagetitle h3,
.user-site-wrapper :is(h1,h2,h3,h4,h5,h6),
.user-site-wrapper .card-header :is(h4,h5) { color: #fff !important; }
.user-site-wrapper .breadcrumb,
.user-site-wrapper .breadcrumb-item.active { color: rgba(255,255,255,.42) !important; }
.user-site-wrapper .breadcrumb-item a,
.user-site-wrapper a:not(.logout-link):hover { color: #bffa00; }

.user-site-wrapper .card,
.user-site-wrapper .box-card,
.user-site-wrapper .box-card2,
.user-site-wrapper .box-card3,
.user-site-wrapper .notification-card,
.user-site-wrapper .notice-card,
.user-site-wrapper .sg-hero-banner,
.user-site-wrapper .sg-stat-card,
.user-site-wrapper .transfer-list,
.user-site-wrapper .payment-container-list .item label,
.user-site-wrapper .payment-container-list .form-check-label,
.user-site-wrapper .modal-content,
.user-site-wrapper .dropdown-menu,
.user-site-wrapper .select2-dropdown {
  background: #111907 !important;
  border-color: rgba(191,250,0,.13) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.3) !important;
}
.user-site-wrapper .card:hover,
.user-site-wrapper .sg-stat-card:hover,
.user-site-wrapper .payment-container-list .item label:hover,
.user-site-wrapper .payment-container-list .form-check-label:hover {
  border-color: rgba(191,250,0,.34) !important;
  box-shadow: 0 18px 48px rgba(191,250,0,.08) !important;
}
.user-site-wrapper .card-header,
.user-site-wrapper .modal-header,
.user-site-wrapper .modal-footer,
.user-site-wrapper .box-card-header {
  background: #0f1605 !important;
  border-color: rgba(191,250,0,.11) !important;
}
.user-site-wrapper .card-body,
.user-site-wrapper .modal-body,
.user-site-wrapper .box-card-body { background: transparent !important; }

.user-site-wrapper :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select,.form-control,.form-select,.order-search,.select2-selection) {
  background-color: #0d1403 !important;
  border-color: rgba(191,250,0,.2) !important;
  color: #fff !important;
}
.user-site-wrapper :is(input,textarea,.form-control,.order-search):focus {
  border-color: rgba(191,250,0,.62) !important;
  box-shadow: 0 0 0 3px rgba(191,250,0,.075) !important;
}
.user-site-wrapper input::placeholder,
.user-site-wrapper textarea::placeholder { color: rgba(255,255,255,.4) !important; }
.user-site-wrapper .order-search-form button i,
.user-site-wrapper .input-group-text,
.user-site-wrapper .form-label { color: #bffa00 !important; }
.user-site-wrapper .input-group-text { background: #151f08 !important; border-color: rgba(191,250,0,.2) !important; }

.user-site-wrapper :is(.table,.cmn-table table) {
  --bs-table-bg: #111907;
  --bs-table-striped-bg: #0f1605;
  --bs-table-hover-bg: #172108;
  --bs-table-color: rgba(255,255,255,.78);
  color: rgba(255,255,255,.78) !important;
  border-color: rgba(191,250,0,.1) !important;
}
.user-site-wrapper :is(.table,.cmn-table table) thead th {
  background: #0d1403 !important;
  color: #bffa00 !important;
  border-color: rgba(191,250,0,.13) !important;
}
.user-site-wrapper :is(.table,.cmn-table table) tbody td {
  background-color: transparent !important;
  border-color: rgba(191,250,0,.075) !important;
  color: rgba(255,255,255,.74) !important;
}

.user-site-wrapper .user-order_list,
.user-site-wrapper .trade_wrp,
.user-site-wrapper .trade_info,
.user-site-wrapper .order_info,
.user-site-wrapper .order_info .unit {
  background: #111907 !important;
  border-color: rgba(191,250,0,.12) !important;
  color: rgba(255,255,255,.76) !important;
}
.user-site-wrapper .trade_info,
.user-site-wrapper .order_info .unit { border-bottom-color: rgba(191,250,0,.1) !important; }
.user-site-wrapper :is(.pid a,.pri,.seeCode) { color: #bffa00 !important; }
.user-site-wrapper .sg-empty-animation + p,
.user-site-wrapper .empty-state-text { color: rgba(255,255,255,.62) !important; }

/* Profile/account dropdown on desktop and mobile. */
.site-wrapper .profile-box .user-dropdown.tp-account-menu,
.site-wrapper .tp-mobile-profile .user-dropdown.tp-account-menu {
  background: #111907 !important;
  border-color: rgba(191,250,0,.2) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.72), 0 0 36px rgba(191,250,0,.065) !important;
}
.site-wrapper .tp-account-menu .user-dropdown-header {
  background: linear-gradient(135deg,#151f08,#0d1403) !important;
  border-color: rgba(191,250,0,.12) !important;
}
.site-wrapper .tp-account-menu .user-avatar-wrap img { border-color: #bffa00 !important; }
.site-wrapper .tp-account-menu .user-balance {
  background: rgba(191,250,0,.08) !important;
  border-color: rgba(191,250,0,.2) !important;
  color: #bffa00 !important;
}
.site-wrapper .tp-account-menu .user-dropdown-body { background: #111907 !important; }
.site-wrapper .tp-account-menu .user-dropdown-body::-webkit-scrollbar-thumb { background: rgba(191,250,0,.28) !important; }
.site-wrapper .tp-account-menu .user-dropdown-grid > li > a,
.site-wrapper .tp-account-menu .tp-account-orders summary,
.site-wrapper .tp-account-menu .tp-order-sections a {
  background: #151f08 !important;
  border-color: rgba(191,250,0,.105) !important;
  color: rgba(255,255,255,.78) !important;
}
.site-wrapper .tp-account-menu .user-dropdown-grid > li > a i,
.site-wrapper .tp-account-menu .tp-account-orders summary i,
.site-wrapper .tp-account-menu .tp-order-sections a i { color: #bffa00 !important; }
.site-wrapper .tp-account-menu .user-dropdown-grid > li > a:hover,
.site-wrapper .tp-account-menu .user-dropdown-grid > li > a.active,
.site-wrapper .tp-account-menu .tp-account-orders summary:hover,
.site-wrapper .tp-account-menu .tp-account-orders details[open] > summary,
.site-wrapper .tp-account-menu .tp-order-sections a:hover {
  background: rgba(191,250,0,.1) !important;
  border-color: rgba(191,250,0,.32) !important;
  color: #fbff85 !important;
  box-shadow: none !important;
}
.site-wrapper .tp-account-menu .tp-order-sections { background: #0d1403 !important; border-color: rgba(191,250,0,.1) !important; }
.site-wrapper .tp-account-menu .user-dropdown-footer { background: #0d1403 !important; border-color: rgba(191,250,0,.1) !important; }

@media (max-width: 767px) {
  .user-site-wrapper .card,
  .user-site-wrapper .user-order_list { border-radius: 16px !important; }
  .user-site-wrapper .table-responsive { border-color: rgba(191,250,0,.12) !important; background: #111907 !important; }
}

/* Running marketplace ticker. */
.tp-market-ticker {
  position: relative;
  width: calc(100% + 48px);
  margin: -6px 0 28px -24px;
  padding: 13px 0;
  overflow: hidden;
  background: #bffa00;
  box-shadow: 0 0 60px rgba(191, 250, 0, .2);
  transform: rotate(-.45deg);
  z-index: 2;
}
.tp-market-ticker-track {
  display: flex;
  align-items: center;
  gap: 34px;
  width: max-content;
  padding-right: 34px;
  animation: kimi-marquee 30s linear infinite;
  will-change: transform;
}
.tp-market-ticker:hover .tp-market-ticker-track { animation-play-state: paused; }
.tp-market-ticker span {
  display: inline-flex;
  align-items: center;
  gap: 34px;
  color: #0c1202;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
  white-space: nowrap;
}
.tp-market-ticker span i { color: rgba(12, 18, 2, .55); font-size: 13px; }
@keyframes kimi-marquee { to { transform: translateX(-50%); } }

/* Homepage recolor without layout changes. */
.storefront-home .site-main,
.storefront-home .tp-home { background-color: #0c1202 !important; }
.tp-hero {
  border-color: rgba(191, 250, 0, .16) !important;
  background:
    radial-gradient(circle at 76% 44%, rgba(191, 250, 0, .14), transparent 31%),
    radial-gradient(circle at 12% 0%, rgba(251, 255, 133, .055), transparent 36%),
    linear-gradient(125deg, #0d1503 5%, #111a06 56%, #090e02 100%) !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}
.tp-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.tp-eyebrow { color: #bffa00 !important; background: rgba(191, 250, 0, .07) !important; border-color: rgba(191, 250, 0, .28) !important; }
.tp-hero h1 em,
.tp-newsletter-copy h2 span {
  background: linear-gradient(100deg, #bffa00 0%, #fbff85 58%, #bffa00 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  text-shadow: 0 0 40px rgba(191, 250, 0, .12);
}
.tp-hero p { color: rgba(255, 255, 255, .56) !important; }
.tp-primary,
.tp-tag,
.tp-alphabet button.active,
.tp-newsletter-form button {
  background: #bffa00 !important;
  color: #0c1202 !important;
  border-color: #bffa00 !important;
}
.tp-primary:hover,
.tp-newsletter-form button:hover { background: #fbff85 !important; box-shadow: 0 0 36px rgba(191, 250, 0, .38) !important; }
.tp-secondary { border-color: rgba(255, 255, 255, .18) !important; background: rgba(255, 255, 255, .035) !important; }
.tp-secondary:hover { color: #bffa00 !important; border-color: rgba(191, 250, 0, .45) !important; }
.tp-hero-art > i { color: #bffa00 !important; text-shadow: 0 25px 30px rgba(0,0,0,.65), 0 0 90px rgba(191, 250, 0, .35) !important; animation: kimi-float 7s ease-in-out infinite; }
.tp-orbit { border-color: rgba(191, 250, 0, .22) !important; animation: kimi-orbit-pulse 3.4s ease-out infinite; }
.tp-orbit-two { border-color: rgba(251, 255, 133, .2) !important; animation-delay: 1.7s; }
.tp-hero-dots b { background: #bffa00 !important; }
@keyframes kimi-float { 0%,100% { transform: translateY(0) rotate(-12deg); } 50% { transform: translateY(-18px) rotate(-7deg); } }
@keyframes kimi-orbit-pulse { 0%,100% { opacity: .55; transform: scale(.96); } 50% { opacity: .18; transform: scale(1.08); } }

.tp-quick-card,
.tp-wallet,
.tp-seller,
.tp-game {
  border-color: rgba(255, 255, 255, .075) !important;
  background-color: #111907 !important;
  transition: transform .42s cubic-bezier(.22,1,.36,1), box-shadow .42s cubic-bezier(.22,1,.36,1), border-color .25s ease !important;
}
.tp-quick-card:hover,
.tp-wallet:hover,
.tp-seller:hover,
.tp-game:hover {
  transform: translateY(-6px) scale(1.015) !important;
  border-color: rgba(191, 250, 0, .34) !important;
  box-shadow: 0 24px 60px -18px rgba(191, 250, 0, .19), 0 8px 30px -10px rgba(0,0,0,.62) !important;
}
.tp-quick-card { background-image: radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--tile) 24%, transparent), transparent 58%) !important; }
.tp-wallet-icon { background-color: #0a1002 !important; }
.tp-wallet-arrow,
.tp-product-copy small { color: rgba(255,255,255,.38) !important; }
.tp-heading-icon { color: #bffa00 !important; background: rgba(191, 250, 0, .09) !important; border: 1px solid rgba(191, 250, 0, .13); }
.tp-heading p { color: rgba(255,255,255,.42) !important; }
.tp-section-head > a { color: #bffa00 !important; }
.tp-section-head > a:hover { color: #fbff85 !important; }
.tp-alphabet button { background: rgba(255,255,255,.045) !important; color: rgba(255,255,255,.43) !important; }
.tp-alphabet button:hover { color: #fff !important; background: rgba(255,255,255,.09) !important; }
.tp-alphabet button.active { box-shadow: 0 0 18px rgba(191, 250, 0, .32); }
.tp-features,
.tp-footer-trust { border-color: rgba(255,255,255,.06) !important; background: rgba(255,255,255,.014) !important; }
.tp-features > div > i { color: #bffa00 !important; background: rgba(191,250,0,.08) !important; border-color: rgba(191,250,0,.15) !important; }

/* Reference-style footer, retaining current links and forms. */
.site-footer { background: #0b1102 !important; border-top: 1px solid rgba(255,255,255,.06); }
.tp-footer { max-width: none; padding: 0; overflow: hidden; }
.tp-footer-trust {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  max-width: 1280px;
  margin: 0 auto;
  padding: 42px 24px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.tp-footer-trust > div { display: flex; align-items: flex-start; gap: 14px; }
.tp-footer-trust > div > i {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(191,250,0,.2);
  border-radius: 12px;
  background: rgba(191,250,0,.085);
  color: #bffa00;
  font-size: 18px;
}
.tp-footer-trust span { display: grid; gap: 4px; }
.tp-footer-trust strong { color: #fff; font-size: 14px; }
.tp-footer-trust small { color: rgba(255,255,255,.4); font-size: 12px; line-height: 1.4; }
.tp-footer-newsletter {
  max-width: 1180px !important;
  margin: 64px auto !important;
  padding: 46px 48px !important;
  border-radius: 30px !important;
  border-color: rgba(191,250,0,.15) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(191,250,0,.12), transparent 34%),
    linear-gradient(135deg, #111907, #0c1202) !important;
  box-shadow: 0 25px 70px rgba(0,0,0,.26);
}
.tp-newsletter-copy h2 { font-size: clamp(28px, 4vw, 46px) !important; line-height: 1.08; }
.tp-newsletter-copy p { color: rgba(255,255,255,.44) !important; }
.tp-newsletter-form input { background: rgba(0,0,0,.42) !important; border-color: rgba(255,255,255,.14) !important; }
.tp-newsletter-form input:focus { border-color: rgba(191,250,0,.55) !important; box-shadow: 0 0 0 3px rgba(191,250,0,.08) !important; }
.tp-footer-grid { max-width: 1280px; margin: 0 auto; padding: 0 24px 48px !important; }
.tp-footer-about p,
.tp-footer-column li a,
.tp-footer-contact p,
.tp-footer-contact a { color: rgba(255,255,255,.43) !important; }
.tp-footer-column li::before { background: rgba(191,250,0,.52) !important; }
.tp-footer-column li a:hover,
.tp-footer-contact a:hover { color: #bffa00 !important; }
.tp-footer-contact p i { color: #bffa00 !important; }
.tp-footer-socials a { background: transparent !important; border-color: rgba(255,255,255,.1) !important; color: rgba(255,255,255,.44) !important; }
.tp-footer-socials a:hover { color: #0c1202 !important; background: #bffa00 !important; border-color: #bffa00 !important; box-shadow: 0 0 28px rgba(191,250,0,.25); }
.tp-footer-wordmark {
  width: 100%;
  margin: 4px auto 18px;
  color: transparent;
  font-size: clamp(64px, 14vw, 210px);
  font-weight: 900;
  line-height: .82;
  letter-spacing: -.065em;
  text-align: center;
  white-space: nowrap;
  user-select: none;
  pointer-events: none;
  -webkit-text-stroke: 1px rgba(191,250,0,.14);
}
@media (min-width: 769px) {
  .tp-footer-wordmark { transform: translateY(-10px); }
}
.tp-footer-bottom { border-color: rgba(255,255,255,.06) !important; color: rgba(255,255,255,.28) !important; }
.tp-footer-bottom a { color: #bffa00 !important; }

/* Subtle entrance motion. */
.kimi-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .78s cubic-bezier(.22,1,.36,1), transform .78s cubic-bezier(.22,1,.36,1);
  will-change: opacity, transform;
}
.kimi-reveal.kimi-visible { opacity: 1; transform: translateY(0); }
.tp-footer-grid.kimi-reveal { transition-delay: .08s; }

@media (max-width: 900px) {
  .tp-footer-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tp-footer-newsletter { margin: 46px 18px !important; padding: 34px 28px !important; }
}
@media (max-width: 700px) {
  .tp-market-ticker { width: calc(100% + 28px); margin: -2px 0 22px -14px; padding: 11px 0; }
  .tp-market-ticker span { font-size: 10px; gap: 24px; }
  .tp-market-ticker-track { gap: 24px; padding-right: 24px; animation-duration: 24s; }
  .tp-hero-art > i { animation-duration: 8s; }
  .tp-footer-wordmark { margin-bottom: -4px; font-size: clamp(54px, 17vw, 100px); }
}
@media (max-width: 520px) {
  .tp-footer-trust { grid-template-columns: 1fr; gap: 20px; padding: 34px 18px; }
  .tp-footer-newsletter { margin: 38px 14px !important; padding: 28px 21px !important; }
  .tp-footer-grid { padding-inline: 18px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .tp-market-ticker-track,
  .tp-hero-art > i,
  .tp-orbit { animation: none !important; }
  .kimi-reveal { opacity: 1; transform: none; transition: none; }
  .tp-quick-card,
  .tp-wallet,
  .tp-seller,
  .tp-game { transition: none !important; }
}

/* Final site-wide cleanup for legacy blue/purple component surfaces. */
.tp-reference-header .headerSearch .search-result,.search-box2 .search-result,.tp-mobile-search-result{background:#111907!important;border:1px solid rgba(191,250,0,.18)!important;box-shadow:0 22px 48px rgba(0,0,0,.68),0 0 28px rgba(191,250,0,.055)!important;border-radius:13px!important;scrollbar-color:#344718 #0c1202}
.search-box2 .search-result .search-item,.tp-mobile-search-result a{background:#111907!important;border-color:rgba(255,255,255,.075)!important;color:rgba(255,255,255,.86)!important}
.search-box2 .search-result .search-item:hover,.tp-mobile-search-result a:hover{background:rgba(191,250,0,.09)!important;color:#fbff85!important}
.search-box2 .search-result .search-item .title{color:#fff!important}.search-box2 .search-result .search-item .sub-title{color:rgba(255,255,255,.48)!important}.search-box2 .search-result .search-item .img-area img{background:#eef2f4!important;border:1px solid rgba(191,250,0,.13)!important;border-radius:7px!important}
.sg-contact-form input,.sg-contact-form textarea{background:#0f1605!important;border-color:rgba(191,250,0,.16)!important}.sg-contact-form input:focus,.sg-contact-form textarea:focus{border-color:#bffa00!important;box-shadow:0 0 0 4px rgba(191,250,0,.08)!important}.sg-contact-form button{background:#bffa00!important;color:#0c1202!important;box-shadow:0 10px 25px rgba(191,250,0,.16)!important}
.site-main :is(.modal-content,.dropdown-menu,.offcanvas,.accordion-item,.list-group-item,.table-responsive,.table-container,.content-box,.form-box,.payment-box,.order-box),.user-site-wrapper :is(.modal-content,.dropdown-menu,.offcanvas,.accordion-item,.list-group-item,.table-responsive,.table-container,.content-box,.form-box,.payment-box,.order-box){background-color:#111907!important;border-color:rgba(191,250,0,.13)!important;color:rgba(255,255,255,.86)!important}
.site-main :is(.card-header,.card-footer,.modal-header,.modal-footer,.table thead th),.user-site-wrapper :is(.card-header,.card-footer,.modal-header,.modal-footer,.table thead th){background-color:#0f1605!important;border-color:rgba(191,250,0,.12)!important;color:#fff!important}
.site-main :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.form-control,.form-select,.select2-selection,.nice-select),.user-site-wrapper :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.form-control,.form-select,.select2-selection,.nice-select){background-color:#0f1605!important;border-color:rgba(191,250,0,.16)!important;color:#fff!important}
.site-main :is(input,textarea,select,.form-control,.form-select):focus,.user-site-wrapper :is(input,textarea,select,.form-control,.form-select):focus{border-color:rgba(191,250,0,.62)!important;box-shadow:0 0 0 3px rgba(191,250,0,.08)!important}
.site-main :is(.nav-tabs .nav-link.active,.nav-pills .nav-link.active,.page-item.active .page-link),.user-site-wrapper :is(.nav-tabs .nav-link.active,.nav-pills .nav-link.active,.page-item.active .page-link){background:#bffa00!important;border-color:#bffa00!important;color:#0c1202!important}
.site-main :is(.page-link,.nav-tabs .nav-link,.nav-pills .nav-link),.user-site-wrapper :is(.page-link,.nav-tabs .nav-link,.nav-pills .nav-link){background:#111907!important;border-color:rgba(191,250,0,.13)!important;color:rgba(255,255,255,.65)!important}
.site-main :is(.table,table),.user-site-wrapper :is(.table,table){--bs-table-bg:#111907;--bs-table-color:rgba(255,255,255,.82);--bs-table-border-color:rgba(191,250,0,.1)}
.sg-user-avatar {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    overflow: hidden;
    border-radius: 50%;
    color: #091100;
    background: linear-gradient(145deg, #c8ff2f 0%, #72a141 100%);
    border: 2px solid rgba(191, 250, 0, .8);
    box-shadow: inset 0 0 0 2px rgba(8, 18, 4, .28), 0 0 16px rgba(139, 211, 74, .28);
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}
.sg-user-avatar-initial { position: relative; z-index: 1; }
.sg-user-avatar img {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    border-radius: inherit !important;
    object-fit: cover;
}
.profile-box .profile .sg-user-avatar { width: 36px; height: 36px; flex-basis: 36px; border: 0; }
.tp-mobile-profile .tp-profile-trigger .sg-user-avatar { width: 32px; height: 32px; flex-basis: 32px; border: 0; font-size: 14px; }
.user-dropdown-header .user-avatar-wrap .sg-user-avatar { width: 44px; height: 44px; flex-basis: 44px; }
.dashboard-wrapper .nav-profile .sg-user-avatar { width: 38px; height: 38px; flex-basis: 38px; }
.dashboard-wrapper .profile-thum .sg-user-avatar { width: 52px; height: 52px; flex-basis: 52px; font-size: 20px; }
@media (max-width: 991px) {
    .site-wrapper .tp-mobile-actions .tp-account-menu .user-avatar-wrap .sg-user-avatar { width: 52px; height: 52px; flex-basis: 52px; font-size: 20px; }
}

/* Header cart — visually paired with the initials/profile avatar. */
.site-wrapper .tp-reference-header .shopping-cart > .dropdown-toggle {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    color: #bffa00 !important;
    background: linear-gradient(145deg, rgba(24, 34, 52, .98), rgba(10, 18, 13, .98)) !important;
    border: 1px solid rgba(191, 250, 0, .38) !important;
    border-radius: 50% !important;
    box-shadow: inset 0 0 0 2px rgba(191, 250, 0, .035), 0 0 15px rgba(139, 211, 74, .16) !important;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
.site-wrapper .tp-reference-header .shopping-cart > .dropdown-toggle::after { display: none !important; }
.site-wrapper .tp-reference-header .shopping-cart > .dropdown-toggle:hover,
.site-wrapper .tp-reference-header .shopping-cart > .dropdown-toggle[aria-expanded="true"] {
    color: #d7ff70 !important;
    border-color: #bffa00 !important;
    box-shadow: 0 0 20px rgba(191, 250, 0, .3) !important;
    transform: translateY(-1px);
}
.site-wrapper .tp-reference-header .shopping-cart > .dropdown-toggle .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
}
.site-wrapper .tp-reference-header .shopping-cart > .dropdown-toggle .count {
    top: -5px !important;
    right: -5px !important;
    min-width: 19px !important;
    height: 19px !important;
    padding: 0 5px !important;
    color: #081003 !important;
    background: linear-gradient(145deg, #c8ff2f, #72a141) !important;
    border: 2px solid #081003 !important;
    border-radius: 999px !important;
    box-shadow: 0 0 10px rgba(191, 250, 0, .42) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 15px !important;
}
.site-wrapper .shopping-cart .cart-dropdown {
    background: linear-gradient(160deg, #111b2c 0%, #0b130e 100%) !important;
    border-color: rgba(191, 250, 0, .22) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .72), 0 0 28px rgba(139, 211, 74, .12) !important;
}
.site-wrapper .shopping-cart .menu-cart-top,
.site-wrapper .shopping-cart .cart-bottom { background: rgba(5, 12, 7, .62) !important; }
.site-wrapper .shopping-cart .btn-cart-view,
.site-wrapper .shopping-cart .btn-cart-checkout { border-radius: 10px !important; min-height: 40px !important; }
@media (max-width: 991px) {
    .site-wrapper .tp-reference-header .shopping-cart > .dropdown-toggle { width: 36px !important; height: 36px !important; min-width: 36px !important; }
}