@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Unbounded:wght@500;600&display=swap");

:root {
                --app-brand-font-family: "Montserrat", "Open Sans", sans-serif;
            }
            body,
            body *:not(i):not(svg):not(symbol) {
                font-family: var(--app-brand-font-family) !important;
            }

.LoginButton_loginBtn__njdDz {
                position: relative;
                overflow: hidden;
                isolation: isolate;
            }
            .LoginButton_loginBtn__njdDz::after {
                content: "";
                position: absolute;
                inset: 2px;
                border-radius: inherit;
                background: radial-gradient(150% 100% at 50% 0%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 70%);
                opacity: 0;
                transform: translate3d(0, 12px, 0) scale(0.92);
                transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
                pointer-events: none;
            }
            .LoginButton_loginBtn__njdDz:hover::after,
            .LoginButton_loginBtn__njdDz:focus-visible::after {
                opacity: 0.85;
                transform: translate3d(0, 0, 0) scale(1.05);
            }

.go1475592160 {
                height: 0;
            }
            .go1671063245 {
                height: auto;
            }
            .go1888806478 {
                display: flex;
                flex-wrap: wrap;
                flex-grow: 1;
            }
            @media (min-width: 600px) {
                .go1888806478 {
                    flex-grow: initial;
                    min-width: 288px;
                }
            }
            .go167266335 {
                background-color: #313131;
                font-size: 0.875rem;
                line-height: 1.43;
                letter-spacing: 0.01071em;
                color: #fff;
                align-items: center;
                padding: 6px 16px;
                border-radius: 4px;
                box-shadow:
                    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
                    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
                    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
            }
            .go3162094071 {
                padding-left: 20px;
            }
            .go3844575157 {
                background-color: #313131;
            }
            .go1725278324 {
                background-color: #43a047;
            }
            .go3651055292 {
                background-color: #d32f2f;
            }
            .go4215275574 {
                background-color: #ff9800;
            }
            .go1930647212 {
                background-color: #2196f3;
            }
            .go946087465 {
                display: flex;
                align-items: center;
                padding: 8px 0;
            }
            .go703367398 {
                display: flex;
                align-items: center;
                margin-left: auto;
                padding-left: 16px;
                margin-right: -8px;
            }
            .go3963613292 {
                width: 100%;
                position: relative;
                transform: translateX(0);
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                min-width: 288px;
            }
            .go1141946668 {
                box-sizing: border-box;
                display: flex;
                max-height: 100%;
                position: fixed;
                z-index: 1400;
                height: auto;
                width: auto;
                transition:
                    top 300ms ease 0ms,
                    right 300ms ease 0ms,
                    bottom 300ms ease 0ms,
                    left 300ms ease 0ms,
                    max-width 300ms ease 0ms;
                pointer-events: none;
                max-width: calc(100% - 40px);
            }
            .go1141946668 .notistack-CollapseWrapper {
                padding: 6px 0px;
                transition: padding 300ms ease 0ms;
            }
            @media (max-width: 599.95px) {
                .go1141946668 {
                    width: 100%;
                    max-width: calc(100% - 32px);
                }
            }
            .go3868796639 .notistack-CollapseWrapper {
                padding: 2px 0px;
            }
            .go3118922589 {
                top: 14px;
                flex-direction: column;
            }
            .go1453831412 {
                bottom: 14px;
                flex-direction: column-reverse;
            }
            .go4027089540 {
                left: 20px;
            }
            @media (min-width: 600px) {
                .go4027089540 {
                    align-items: flex-start;
                }
            }
            @media (max-width: 599.95px) {
                .go4027089540 {
                    left: 16px;
                }
            }
            .go2989568495 {
                right: 20px;
            }
            @media (min-width: 600px) {
                .go2989568495 {
                    align-items: flex-end;
                }
            }
            @media (max-width: 599.95px) {
                .go2989568495 {
                    right: 16px;
                }
            }
            .go4034260886 {
                left: 50%;
                transform: translateX(-50%);
            }
            @media (min-width: 600px) {
                .go4034260886 {
                    align-items: center;
                }
            }

#nprogress {
                pointer-events: none;
            }
            #nprogress .bar {
                background: #6f14eb;
                position: fixed;
                z-index: 1600;
                top: 0;
                left: 0;
                width: 100%;
                height: 3px;
            }
            #nprogress .peg {
                display: block;
                position: absolute;
                right: 0;
                width: 100px;
                height: 100%;
                box-shadow: 0 2px 6px red;
                opacity: 1;
                -webkit-transform: rotate(3deg) translate(0px, -4px);
                -ms-transform: rotate(3deg) translate(0px, -4px);
                transform: rotate(3deg) translate(0px, -4px);
            }
            #nprogress .spinner {
                display: block;
                position: fixed;
                z-index: 1600;
                top: 15px;
                right: 15px;
            }
            #nprogress .spinner-icon {
                width: 18px;
                height: 18px;
                box-sizing: border-box;
                border: 2px solid transparent;
                border-top-color: #6f14eb;
                border-left-color: #6f14eb;
                border-radius: 50%;
                -webkit-animation: nprogress-spinner 400ms linear infinite;
                animation: nprogress-spinner 400ms linear infinite;
            }
            .nprogress-custom-parent {
                overflow: hidden;
                position: relative;
            }
            .nprogress-custom-parent #nprogress .bar,
            .nprogress-custom-parent #nprogress .spinner {
                position: absolute;
            }
            @-webkit-keyframes nprogress-spinner {
                0% {
                    -webkit-transform: rotate(0deg);
                }
                100% {
                    -webkit-transform: rotate(360deg);
                }
            }
            @keyframes nprogress-spinner {
                0% {
                    transform: rotate(0deg);
                }
                100% {
                    transform: rotate(360deg);
                }
            }

#nprogress {
                pointer-events: none;
            }
            #nprogress .bar {
                background: #6f14eb;
                position: fixed;
                z-index: 1600;
                top: 0;
                left: 0;
                width: 100%;
                height: 3px;
            }
            #nprogress .peg {
                display: block;
                position: absolute;
                right: 0;
                width: 100px;
                height: 100%;
                box-shadow: 0 2px 6px red;
                opacity: 1;
                -webkit-transform: rotate(3deg) translate(0px, -4px);
                -ms-transform: rotate(3deg) translate(0px, -4px);
                transform: rotate(3deg) translate(0px, -4px);
            }
            #nprogress .spinner {
                display: block;
                position: fixed;
                z-index: 1600;
                top: 15px;
                right: 15px;
            }
            #nprogress .spinner-icon {
                width: 18px;
                height: 18px;
                box-sizing: border-box;
                border: 2px solid transparent;
                border-top-color: #6f14eb;
                border-left-color: #6f14eb;
                border-radius: 50%;
                -webkit-animation: nprogress-spinner 400ms linear infinite;
                animation: nprogress-spinner 400ms linear infinite;
            }
            .nprogress-custom-parent {
                overflow: hidden;
                position: relative;
            }
            .nprogress-custom-parent #nprogress .bar,
            .nprogress-custom-parent #nprogress .spinner {
                position: absolute;
            }
            @-webkit-keyframes nprogress-spinner {
                0% {
                    -webkit-transform: rotate(0deg);
                }
                100% {
                    -webkit-transform: rotate(360deg);
                }
            }
            @keyframes nprogress-spinner {
                0% {
                    transform: rotate(0deg);
                }
                100% {
                    transform: rotate(360deg);
                }
            }

            :root {
                --st-bg: #05061a;
                --st-surface: #0c1237;
                --st-surface-alt: #0b1030;
                --st-border: rgba(255, 255, 255, 0.08);
                --st-primary: #7a6bff;
                --st-primary-dark: #5d4cff;
                --st-accent: #4dd7ff;
                --st-green: #54f0a4;
                --st-orange: #ffad54;
                --st-muted: rgba(255, 255, 255, 0.65);
            }
            body {
                font-family: "Inter", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
                background: radial-gradient(circle at 20% 20%, rgba(122, 107, 255, 0.12), transparent 55%), var(--st-bg);
                color: #fff;
                margin: 0;
            }
            body.st-modal-open {
                overflow: hidden;
            }
            main.__className_748f86 {
                background: radial-gradient(circle at 80% 0%, rgba(77, 215, 255, 0.12), transparent 55%), var(--st-bg);
                min-height: 100vh;
                padding-top: 0;
                padding-bottom: 48px;
            }
            main.__className_748f86 > *:not(.st-market-page) {
                display: none !important;
            }
            .st-market-page {
                max-width: 1280px;
                margin: 0 auto;
                padding: 32px 24px 24px;
            }
            .st-market-page--content {
                padding: 48px 0 72px;
            }
            .st-static-card {
                margin: 48px auto 64px;
                max-width: 1100px;
            }
            .st-card.st-static-body {
                padding: 48px 56px;
                border-radius: 32px; 
            }
            .st-static-body h1 {
                font-size: clamp(2rem, 4vw, 2.8rem);
                margin-top: 0;
                margin-bottom: 1rem;
            }
            .st-static-body h2 {
                margin-top: 2.5rem;
                font-size: 1.35rem;
            }
            .st-static-body p,
            .st-static-body li {
                color: rgb(0 0 0);
                line-height: 1.8;
                font-size: 1rem;
            }
            .st-static-body ul,
            .st-static-body ol {
                padding-left: 1.5rem;
            }
            .st-static-updated {
                font-size: 0.9rem;
                color: rgba(255, 255, 255, 0.55);
                margin-bottom: 1.5rem;
                letter-spacing: 0.08em;
                text-transform: uppercase;
            }
            .st-static-content {
                display: block;
            }
            .st-static-richtext a {
                color: #0f903f;
            }
            .st-static-richtext table {
                width: 100%;
                border-collapse: collapse;
                margin: 24px 0;
            }
            .st-static-richtext table td,
            .st-static-richtext table th {
                border: 1px solid rgba(255, 255, 255, 0.12);
                padding: 12px 16px;
            }
            .st-nav {
                display: flex;
                align-items: center;
                gap: 32px;
                background: rgba(255, 255, 255, 0.02);
                border: 1px solid var(--st-border);
                border-radius: 28px;
                padding: 18px 28px;
                backdrop-filter: blur(30px);
                box-shadow: 0 40px 120px rgba(7, 9, 32, 0.85);
            }
            .st-logo {
                font-family: "Unbounded", "Inter", sans-serif;
                font-size: 22px;
                text-transform: lowercase;
                letter-spacing: 0.04em;
            }
            .st-logo span {
                color: var(--st-primary);
            }
            .st-nav-links {
                display: flex;
                gap: 18px;
                flex: 1;
            }
            .st-nav-links a {
                color: var(--st-muted);
                font-size: 15px;
                text-decoration: none;
                padding: 8px 12px;
                border-radius: 999px;
                transition: color 0.2s ease, background 0.2s ease;
            }
            .st-nav-links a:hover {
                background: rgba(255, 255, 255, 0.06);
                color: #fff;
            }
            .st-history-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                border-radius: 18px;
                padding: 12px 20px;
                font-weight: 600;
                color: #fff;
                background: linear-gradient(135deg, rgba(122, 107, 255, 0.28), rgba(77, 215, 255, 0.2));
                border: 1px solid rgba(122, 107, 255, 0.45);
                box-shadow: 0 22px 55px rgba(10, 12, 40, 0.5);
                transition:
                    transform 0.2s ease,
                    border-color 0.2s ease,
                    background 0.2s ease,
                    box-shadow 0.2s ease;
            }
            .st-history-btn:hover {
                transform: translateY(-1px);
                background: linear-gradient(135deg, rgba(122, 107, 255, 0.4), rgba(77, 215, 255, 0.32));
                border-color: rgba(122, 107, 255, 0.75);
                box-shadow: 0 28px 65px rgba(10, 12, 40, 0.6);
            }
            .st-nav-actions {
                display: grid;
                grid-auto-flow: column;
                /* grid-auto-columns: minmax(150px, max-content); */
                align-items: stretch;
                gap: 14px;
            }
            .st-nav-actions > * {
                width: 100%;
            }
            .st-nav-actions button,
            .st-nav-actions .st-login-btn {
                width: 100%;
                justify-content: center;
            }
            .st-balance-chip {
                border-radius: 18px;
                border: 1px solid var(--st-border);
                background: rgba(255, 255, 255, 0.04);
                padding: 10px 18px;
                display: flex;
                flex-direction: column;
                align-items: center;
                min-width: 150px;
                box-shadow: 0 16px 40px rgba(5, 7, 32, 0.35);
                text-align: center;
            }
            .st-balance-chip span {
                font-size: 11px;
                text-transform: uppercase;
                letter-spacing: 0.08em;
                color: var(--st-muted);
            }
            .st-balance-chip strong {
                font-size: 18px;
                font-weight: 700;
                margin-top: 4px;
                color: #fff;
            }
            .MobileMenu_balanceChip {
                border-radius: 18px;
                border: 1px solid var(--st-border);
                background: rgba(255, 255, 255, 0.05);
                padding: 12px 20px;
                margin: 18px 16px;
                text-align: left;
                box-shadow: 0 20px 50px rgba(5, 7, 32, 0.35);
            }
            .MobileMenu_balanceChip .MobileMenu_balanceLabel {
                font-size: 11px;
                text-transform: uppercase;
                letter-spacing: 0.08em;
                color: var(--st-muted);
            }
            .MobileMenu_balanceChip strong {
                display: block;
                font-size: 20px;
                margin-top: 6px;
                color: #fff;
            }
            .st-lang-toggle {
                display: flex;
                justify-content: center;
                padding: 4px;
                border-radius: 999px;
                background: rgba(255, 255, 255, 0.04);
                border: 1px solid var(--st-border);
                width: 100%;
            }
            .st-lang-toggle button {
                border: none;
                background: transparent;
                color: var(--st-muted);
                font-size: 13px;
                padding: 8px 16px;
                border-radius: 999px;
                cursor: pointer;
                transition: background 0.2s ease, color 0.2s ease;
            }
            .st-lang-toggle .is-active {
                background: rgba(255, 255, 255, 0.12);
                color: #fff;
            }
              #google_translate_element {
                display: none !important;
            }
            .goog-te-banner-frame.skiptranslate,
            body > .skiptranslate {
                display: none !important;
            }
            body {
                top: 0 !important;
            }
            .st-secondary-btn,
            .st-ghost-btn {
                border-radius: 18px;
                border: 1px solid var(--st-border);
                background: rgba(255, 255, 255, 0.08);
                color: #fff;
                padding: 12px 10px;
                font-weight: 600;
                cursor: pointer;
                transition: background 0.2s ease, border-color 0.2s ease;
                text-decoration: none;
            }
            .st-login-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 10px;
            }
            .st-steam-icon {
                width: 22px;
                height: 22px;
                border-radius: 999px;
                background: rgba(255, 255, 255, 0.15);
                display: inline-flex;
                align-items: center;
                justify-content: center;
            }
            .st-steam-icon svg {
                width: 14px;
                height: 14px;
                fill: currentColor;
                color: #fff;
            }
            .st-topup-btn {
                background: linear-gradient(120deg, var(--st-accent), var(--st-primary));
                border-color: transparent;
                color: #fff;
                box-shadow: 0 28px 60px rgba(5, 7, 32, 0.45);
            }
            .st-topup-btn:hover {
                filter: brightness(1.08);
            }
            .st-secondary-btn:hover,
            .st-ghost-btn:hover {
                background: linear-gradient(120deg, var(--st-primary), var(--st-primary-dark));
                text-decoration: none;
                border-color: rgba(255, 255, 255, 0.18);
                color: #fff;
                
            }
            .st-tagline {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
                gap: 18px;
                margin-top: 32px;
            }
            .st-tagline-item {
                border-radius: 20px;
                border: 1px solid var(--st-border);
                background: rgba(255, 255, 255, 0.04);
                padding: 16px 18px;
                display: flex;
                flex-direction: column;
                gap: 6px;
                min-height: 110px;
            }
            .st-tagline-label {
                font-size: 12px;
                text-transform: uppercase;
                letter-spacing: 0.08em;
                color: var(--st-muted);
            }
            .st-tagline-item strong {
                font-size: 18px;
                color: #fff;
                line-height: 1.4;
            }
            .st-tagline-meta {
                font-size: 13px;
                color: var(--st-muted);
            }
            .st-pill {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                padding: 6px 14px;
                border-radius: 999px;
                font-size: 13px;
                text-transform: uppercase;
                letter-spacing: 0.08em;
                color: var(--st-muted);
                background: rgba(255, 255, 255, 0.05);
                border: 1px solid var(--st-border);
            }
            .st-pill.st-pill-green {
                color: var(--st-green);
                border-color: rgba(84, 240, 164, 0.35);
                background: rgba(84, 240, 164, 0.08);
            }
            .st-pill.st-pill-purple {
                color: var(--st-primary);
                border-color: rgba(122, 107, 255, 0.35);
                background: rgba(122, 107, 255, 0.12);
            }
            .st-pill.st-pill-orange {
                color: var(--st-orange);
                border-color: rgba(255, 173, 84, 0.4);
                background: rgba(255, 173, 84, 0.12);
            }
            .st-hero {
                margin-top: 32px;
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
                gap: 28px;
            }
            .st-card {
                background: linear-gradient(135deg, rgba(122, 107, 255, 0.08), rgba(4, 4, 14, 0)) var(--st-surface);
                border: 1px solid var(--st-border);
                border-radius: 32px;
                padding: 32px;
                position: relative;
                overflow: hidden;
                box-shadow: 0 40px 120px rgba(5, 6, 26, 0.85);
            }
            .st-card::after {
                content: "";
                position: absolute;
                inset: 0;
                border-radius: inherit;
                pointer-events: none;
                background: radial-gradient(circle at 80% 0%, rgba(77, 215, 255, 0.16), transparent 55%);
                opacity: 0.6;
            }
            .st-card > * {
                position: relative;
                z-index: 1;
            }
            .st-card-title {
                font-size: 24px;
                font-weight: 600;
                margin-bottom: 8px;
            }
            .st-card-subtitle {
                color: var(--st-muted);
                font-size: 15px;
                margin-bottom: 28px;
            }
            .st-field {
                margin-bottom: 22px;
            }
            .st-field label {
                display: flex;
                justify-content: space-between;
                font-size: 14px;
                text-transform: uppercase;
                letter-spacing: 0.05em;
                color: var(--st-muted);
                margin-bottom: 10px;
            }
            .st-input {
                display: flex;
                align-items: center;
                gap: 12px;
                padding: 14px 18px;
                border-radius: 20px;
                border: 1px solid var(--st-border);
                background: rgba(255, 255, 255, 0.04);
            }
            .st-input input,
            .st-input textarea {
                flex: 1;
                border: none;
                background: transparent;
                color: #fff;
                font-size: 16px;
                font-weight: 500;
                outline: none;
            }
            .st-input input::placeholder {
                color: rgba(255, 255, 255, 0.35);
            }
            .st-quick-amounts {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
                margin-top: 12px;
            }
            .st-chip {
                border-radius: 999px;
                border: 1px solid rgba(255, 255, 255, 0.14);
                background: rgba(255, 255, 255, 0.05);
                color: #fff;
                padding: 8px 16px;
                font-size: 14px;
                font-weight: 600;
                display: inline-flex;
                align-items: center;
                gap: 8px;
                cursor: pointer;
                transition: transform 0.2s ease, background 0.2s ease, border 0.2s ease;
            }
            .st-chip.is-active {
                background: var(--st-primary);
                border-color: transparent;
                box-shadow: 0 15px 35px rgba(122, 107, 255, 0.45);
            }
            .st-chip__icon {
                display: none;
                width: 18px;
                height: 18px;
                flex-shrink: 0;
            }
            .st-chip__icon svg {
                display: block;
                width: 100%;
                height: 100%;
            }
            .st-chip__label {
                display: inline-flex;
            }
            .st-toggle {
                display: flex;
                gap: 8px;
                margin-top: 16px;
            }
            .st-toggle button {
                flex: 1;
                border-radius: 16px;
                padding: 10px 14px;
                border: 1px solid rgba(255, 255, 255, 0.14);
                background: rgba(255, 255, 255, 0.04);
                color: var(--st-muted);
                font-weight: 600;
                cursor: pointer;
                transition: background 0.2s ease, color 0.2s ease;
            }
            .st-toggle button.is-active {
                color: #fff;
                background: rgba(122, 107, 255, 0.25);
                border-color: transparent;
            }
            .st-helper {
                font-size: 13px;
                color: var(--st-muted);
            }
            .st-field-error {
                margin-top: 8px;
                font-size: 13px;
                color: #ff9ca4;
            }
            .st-alert {
                border-radius: 16px;
                border: 1px solid transparent;
                padding: 14px 18px;
                font-weight: 600;
                line-height: 1.4;
            }
            .st-alert--error {
                border-color: rgba(255, 80, 120, 0.35);
                background: rgba(255, 80, 120, 0.12);
                color: #ffb8c6;
            }
            .st-alert--success {
                border-color: rgba(84, 240, 164, 0.35);
                background: rgba(84, 240, 164, 0.12);
                color: #bdfadf;
            }
            .st-primary-btn {
                width: 100%;
                border: none;
                border-radius: 20px;
                padding: 10px;
                font-size: 16px;
                font-weight: 600;
                color: #fff;
                background: linear-gradient(110deg, var(--st-primary), var(--st-primary-dark));
                box-shadow: 0 25px 60px rgba(122, 107, 255, 0.45);
                cursor: pointer;
                text-decoration: none;
                transition: transform 0.2s ease, box-shadow 0.2s ease;
            }
            .st-primary-btn:hover {
                transform: translateY(-1px);
                box-shadow: 0 30px 70px rgba(122, 107, 255, 0.55);
            }
            .st-payment-grid {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
                gap: 10px;
                margin: 24px 0 30px;
            }
            .st-payment-grid .st-chip {
                justify-content: center;
                align-items: center;
                text-align: center;
            }
            .st-info-panel {
                margin: 28px 0;
                border-radius: 24px;
                border: 1px solid var(--st-border);
                background: rgba(255, 255, 255, 0.02);
                padding: 20px;
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
                gap: 12px;
            }
            .st-info-panel span {
                display: block;
                font-size: 12px;
                letter-spacing: 0.06em;
                text-transform: uppercase;
                color: var(--st-muted);
                margin-bottom: 6px;
            }
            .st-info-panel strong {
                font-size: 20px;
                font-weight: 600;
            }
            .st-faq {
                margin-top: 80px;
            }
            .st-faq h2,
            .st-deals h2 {
                font-size: 32px;
                margin-bottom: 24px;
            }
            .st-accordion {
                display: flex;
                flex-direction: column;
                gap: 12px;
            }
            .st-accordion details {
                border-radius: 22px;
                border: 1px solid var(--st-border);
                background: var(--st-surface-alt);
                padding: 20px 24px;
            }
            .st-accordion summary {
                list-style: none;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 24px;
                font-weight: 600;
                font-size: 16px;
            }
            .st-accordion-content {
                overflow: hidden;
                transition: height 0.35s ease, opacity 0.3s ease;
                will-change: height;
            }
            .st-accordion details:not([open]) .st-accordion-content {
                height: 0;
                opacity: 0;
            }
            .st-accordion details[open] .st-accordion-content {
                opacity: 1;
            }
            @media (prefers-reduced-motion: reduce) {
                .st-accordion-content {
                    transition: none;
                }
            }
            .st-accordion summary::-webkit-details-marker {
                display: none;
            }
            .st-accordion-icon {
                width: 32px;
                height: 32px;
                border-radius: 50%;
                border: 1px solid var(--st-border);
                display: inline-flex;
                align-items: center;
                justify-content: center;
                font-size: 18px;
                transition: transform 0.2s ease;
            }
            details[open] .st-accordion-icon {
                transform: rotate(45deg);
            }
            .st-accordion p {
                margin-top: 12px;
                color: var(--st-muted);
                font-size: 14px;
                line-height: 1.6;
            }
            .st-deals {
                margin-top: 80px;
            }
            .st-section-header {
                display: flex;
                align-items: flex-end;
                justify-content: space-between;
                flex-wrap: wrap;
                gap: 16px;
                margin-bottom: 24px;
            }
            .st-deals-grid {
                display: grid;
                grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, 0.8fr);
                gap: 20px;
                align-items: stretch;
            }
            .st-deal-highlight {
                position: relative;
                border-radius: 28px;
                border: 1px solid var(--st-border);
                background: radial-gradient(circle at 25% 20%, rgba(255, 255, 255, 0.12), transparent 50%),
                    linear-gradient(135deg, #1c1046, #050a19);
                padding: 24px;
                display: flex;
                flex-direction: column;
                gap: 16px;
                overflow: hidden;
            }
            .st-highlight-head {
                display: flex;
                justify-content: space-between;
                gap: 12px;
                align-items: center;
            }
            .st-highlight-id {
                font-size: 13px;
                color: var(--st-muted);
            }
            .st-deal-highlight h3 {
                font-size: 28px;
                margin: 0;
            }
            .st-deal-highlight p {
                color: rgba(255, 255, 255, 0.78);
                margin: 0;
                line-height: 1.4;
            }
            .st-highlight-price {
                display: flex;
                align-items: baseline;
                gap: 12px;
            }
            .st-highlight-price strong {
                font-size: 38px;
                line-height: 1;
            }
            .st-price-change {
                font-size: 13px;
                font-weight: 600;
                padding: 6px 14px;
                border-radius: 999px;
                background: rgba(81, 255, 176, 0.15);
                color: #51ffb0;
            }
            .st-highlight-tags {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
            }
            .st-highlight-tags span {
                padding: 6px 12px;
                border-radius: 999px;
                border: 1px solid rgba(255, 255, 255, 0.14);
                font-size: 13px;
                color: rgba(255, 255, 255, 0.8);
                background: rgba(255, 255, 255, 0.03);
            }
            .st-deal-feed {
                border-radius: 24px;
                border: 1px solid var(--st-border);
                background: rgba(255, 255, 255, 0.02);
                padding: 24px;
                display: flex;
                flex-direction: column;
                gap: 20px;
            }
            .st-feed-header {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                gap: 16px;
            }
            .st-feed-lead {
                font-size: 18px;
                font-weight: 600;
                margin: 0;
            }
            .st-feed-toggle {
                display: flex;
                gap: 8px;
                flex-wrap: wrap;
                justify-content: flex-end;
            }
            .st-feed-list {
                list-style: none;
                margin: 0;
                padding: 0;
                display: flex;
                flex-direction: column;
                gap: 10px;
            }
            .st-feed-item {
                border-radius: 18px;
                border: 1px solid rgba(255, 255, 255, 0.08);
                background: rgba(5, 10, 25, 0.65);
                padding: 14px 16px;
                display: flex;
                justify-content: space-between;
                gap: 12px;
            }
            .st-feed-item strong {
                display: block;
                font-size: 15px;
            }
            .st-feed-desc {
                font-size: 13px;
                color: var(--st-muted);
                margin-top: 2px;
                display: block;
            }
            .st-feed-meta {
                display: flex;
                flex-direction: column;
                align-items: flex-end;
                text-align: right;
                gap: 6px;
            }
            .st-feed-price {
                font-size: 18px;
                font-weight: 600;
            }
            .st-feed-status {
                font-size: 12px;
                padding: 3px 10px;
                border-radius: 999px;
                border: 1px solid rgba(255, 255, 255, 0.12);
                color: var(--st-muted);
            }
            .st-feed-status.is-up,
            .st-feed-status.is-completed {
                color: #14a96d;
                border-color: rgba(20, 169, 109, 0.4);
                background: rgba(20, 169, 109, 0.12);
            }
            .st-feed-status.is-processing {
                color: #e79b11;
                border-color: rgba(231, 155, 17, 0.4);
                background: rgba(231, 155, 17, 0.12);
            }
            .st-feed-status.is-down,
            .st-feed-status.is-rejected {
                color: #ff6b81;
                border-color: rgba(255, 107, 129, 0.4);
                background: rgba(255, 107, 129, 0.12);
            }
            .st-market-stats {
                border-radius: 24px;
                border: 1px solid var(--st-border);
                background: rgba(7, 11, 30, 0.82);
                padding: 24px;
                display: flex;
                flex-direction: column;
                gap: 16px;
            }
            .st-stat-card {
                border-radius: 18px;
                border: 1px solid rgba(255, 255, 255, 0.08);
                background: rgba(255, 255, 255, 0.02);
                padding: 16px;
                display: flex;
                flex-direction: column;
                gap: 6px;
            }
            .st-stat-label {
                font-size: 12px;
                letter-spacing: 0.08em;
                text-transform: uppercase;
                color: var(--st-muted);
            }
            .st-stat-card strong {
                font-size: 32px;
                line-height: 1;
            }
            .st-stat-trend {
                font-size: 13px;
            }
            .st-stat-trend.is-up {
                color: #52ffa8;
            }
            .st-stat-trend.is-down {
                color: #ff8b8b;
            }
            .st-trending {
                border-radius: 18px;
                border: 1px dashed rgba(255, 255, 255, 0.12);
                padding: 16px;
                display: flex;
                flex-direction: column;
                gap: 6px;
            }
            .st-trending-tags {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
            }
            .st-trending-tags span {
                padding: 6px 12px;
                border-radius: 999px;
                border: 1px solid rgba(255, 255, 255, 0.12);
                background: rgba(255, 255, 255, 0.04);
                font-size: 13px;
            }
            @media (max-width: 1200px) {
                .st-deals-grid {
                    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
                }
            }
            @media (max-width: 768px) {
                .st-feed-header {
                    flex-direction: column;
                    align-items: flex-start;
                }
                .st-nav-actions > * {
                    width: unset;
                }
                .st-chip {
                    font-size: 11px;
                }
                .st-feed-meta {
                    align-items: flex-start;
                    text-align: left;
                }
                .st-card.st-static-body {
                    padding: 28px 24px;
                }
            }
            .st-footer {
                margin-top: 64px;
                border-radius: 24px;
                border: 1px solid var(--st-border);
                background: rgba(6, 9, 28, 0.85);
                padding: 28px 32px;
                display: flex;
                flex-direction: column;
                gap: 16px;
            }
            .st-footer-row {
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-wrap: wrap;
                gap: 12px;
            }
            .st-footer-meta {
                display: flex;
                gap: 16px;
                font-size: 13px;
                color: var(--st-muted);
                flex-wrap: wrap;
            }
            .st-footer-links {
                display: flex;
                gap: 14px;
                flex-wrap: wrap;
                font-size: 13px;
                color: var(--st-muted);
            }
            .st-footer-links a {
                color: inherit;
                text-decoration: none;
            }
            .st-footer-bottom {
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-wrap: wrap;
                gap: 12px;
                font-size: 13px;
            }
            .st-social {
                display: flex;
                gap: 8px;
            }
            .st-social a {
                width: 36px;
                height: 36px;
                border-radius: 50%;
                border: 1px solid var(--st-border);
                display: inline-flex;
                align-items: center;
                justify-content: center;
                color: #fff;
                text-decoration: none;
            }
            .st-modal {
                position: fixed;
                inset: 0;
                z-index: 2200;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 32px 20px;
                background: rgba(5, 7, 32, 0.75);
                opacity: 0;
                visibility: hidden;
                pointer-events: none;
                overflow-y: auto;
                transition: opacity 0.25s ease, visibility 0.25s ease;
            }
            .st-modal.is-visible {
                opacity: 1;
                visibility: visible;
                pointer-events: auto;
            }
            .st-modal__dialog {
                width: min(720px, 100%);
                position: relative;
            }
            .st-modal__card {
                background: var(--st-surface, rgba(12, 18, 55, 0.95));
                border-radius: 32px;
                border: 1px solid var(--st-border, rgba(255, 255, 255, 0.08));
                padding: 36px;
                box-shadow: 0 65px 140px rgba(5, 7, 32, 0.65);
            }
            .st-modal__form-layout {
                display: flex;
                flex-direction: column;
                gap: 24px;
            }
            .st-modal__scroll {
                display: flex;
                flex-direction: column;
                gap: 24px;
                padding-bottom: 12px;
            }
            .st-modal__footer {
                margin-top: auto;
                padding-top: 12px;
            }
            .st-modal__footer .st-primary-btn {
                width: 100%;
            }
            .st-modal__close {
                position: absolute;
                top: -16px;
                right: -16px;
                border: none;
                background: rgba(15, 23, 42, 0.85);
                color: #fff;
                width: 40px;
                height: 40px;
                border-radius: 14px;
                cursor: pointer;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                transition: opacity 0.2s ease;
            }
            .st-modal__close:hover {
                opacity: 0.8;
            }
            .st-modal__grid {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
                gap: 24px;
                margin-top: 24px;
            }
            .st-modal__summary {
                border-radius: 22px;
                border: 1px solid var(--st-border, rgba(255, 255, 255, 0.08));
                background: var(--st-surface-alt, rgba(9, 12, 42, 0.85));
                padding: 20px;
            }
            .st-modal__actions {
                margin-top: 28px;
                display: flex;
                gap: 12px;
                flex-wrap: wrap;
            }
            .st-modal__actions .st-ghost-btn {
                border-color: transparent;
                background: rgb(0 0 0 / 30%);
                color: #fff;
            }
            .st-modal[data-st-topup-modal] .st-modal__card {
                max-height: min(760px, calc(100vh - 64px));
                display: flex;
                flex-direction: column;
                overflow: hidden;
            }
            .st-modal[data-st-topup-modal] .st-modal__form-layout {
                flex: 1;
                min-height: 0;
            }
            .st-modal[data-st-topup-modal] .st-modal__scroll {
                flex: 1;
                min-height: 0;
                overflow-y: auto;
            }
            .st-orders-modal__card {
                display: flex;
                flex-direction: column;
                gap: 24px;
            }
            .st-orders-modal__header {
                display: flex;
                justify-content: space-between;
                gap: 24px;
                align-items: flex-start;
            }
            .st-orders-modal__title {
                margin: 12px 0 6px;
                font-size: clamp(26px, 4vw, 34px);
            }
            .st-orders-modal__subtitle {
                margin: 0;
                color: var(--st-muted);
                font-size: 15px;
            }
            .st-orders-modal__highlight {
                border-radius: 22px;
                border: 1px solid rgba(122, 107, 255, 0.35);
                background: rgba(122, 107, 255, 0.15);
                padding: 18px 22px;
                text-align: right;
                min-width: 180px;
            }
            .st-orders-modal__highlight strong {
                display: block;
                font-size: 32px;
                line-height: 1;
            }
            .st-orders-modal__highlight span {
                font-size: 13px;
                color: rgb(0 0 0 / 75%);
            }
            .st-orders-modal__list {
                list-style: none;
                margin: 0;
                padding: 0;
                display: flex;
                flex-direction: column;
                gap: 12px;
            }
            .st-orders-modal__item {
                border-radius: 20px;
                border: 1px solid rgba(255, 255, 255, 0.08);
                background: rgb(247 247 247 / 80%);
                padding: 16px 18px;
                display: flex;
                justify-content: space-between;
                gap: 16px;
                align-items: center;
            }
            .st-orders-modal__item strong {
                font-size: 16px;
            }
            .st-orders-modal__item span {
                font-size: 13px;
                color: var(--st-muted);
            }
            .st-orders-modal__item.is-empty {
                justify-content: flex-start;
            }
            .st-orders-modal__meta {
                display: flex;
                flex-direction: column;
                align-items: flex-end;
                gap: 6px;
                min-width: 160px;
            }
            .st-orders-modal__amount {
                font-size: 20px;
                font-weight: 600;
                color: #fff;
            }
            .st-orders-modal__footer {
                display: flex;
                flex-direction: column;
                gap: 12px;
            }
            @media (max-width: 640px) {
                .st-orders-modal__header {
                    flex-direction: column;
                }
                .st-login-btn {
                    padding: 10px 0px;
                }
                .st-orders-modal__highlight {
                    width: 100%;
                    text-align: left;
                    padding: 10px 6px 7px;
                }
                .st-orders-modal__item {
                    flex-direction: column;
                    align-items: flex-start;
                }
                .st-orders-modal__meta {
                    width: 100%;
                    align-items: flex-start;
                }
                .st-orders-modal__highlight strong {
                    padding: 11px;
                }
                .st-orders-modal__highlight span {
                    padding: 11px;
                }
                .st-modal[data-login-modal] {
                    align-items: flex-end;
                    padding: 16px 12px;
                }
                .st-modal[data-login-modal] .st-modal__dialog {
                    width: 100%;
                    max-height: calc(100vh - 32px);
                }
                .st-modal[data-login-modal] .st-login-help-card {
                    max-height: calc(100vh - 120px);
                    overflow-y: auto;
                    -webkit-overflow-scrolling: touch;
                    padding: 24px 20px;
                    border-radius: 24px;
                    gap: 18px;
                    box-shadow: 0 35px 80px rgba(5, 7, 32, 0.55);
                }
                .st-modal[data-login-modal] .st-login-help-card::-webkit-scrollbar {
                    width: 4px;
                }
                .st-modal[data-login-modal] .st-login-help-card::-webkit-scrollbar-thumb {
                    background: rgba(255, 255, 255, 0.25);
                    border-radius: 999px;
                }
            }
            .st-login-help-card {
                display: flex;
                flex-direction: column;
                gap: 24px;
                position: relative;
            }
            .st-login-help-card__title {
                font-size: clamp(24px, 3vw, 30px);
                margin: 12px 0 8px;
                color: var(--st-text, #fff);
            }
            .st-login-help-card__subtitle {
                margin: 0;
                font-size: 15px;
                color: var(--st-muted);
            }
            .st-login-help-preview {
                border-radius: 28px;
                padding: 26px;
                background: radial-gradient(circle at 15% 10%, rgba(122, 107, 255, 0.2), rgba(5, 7, 32, 0.92));
                border: 1px solid rgba(255, 255, 255, 0.08);
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 40px 90px rgba(5, 7, 32, 0.65);
            }
            .st-login-help-window {
                border-radius: 22px;
                background: linear-gradient(180deg, rgba(10, 14, 48, 0.95), rgba(6, 8, 28, 0.95));
                border: 1px solid rgba(255, 255, 255, 0.08);
                overflow: hidden;
                color: #fff;
                font-size: 14px;
            }
            .st-login-help-window__bar {
                display: flex;
                align-items: center;
                gap: 8px;
                padding: 14px 18px;
                background: rgba(255, 255, 255, 0.03);
                border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            }
            .st-login-help-window__bar span {
                width: 10px;
                height: 10px;
                border-radius: 50%;
                display: inline-flex;
                background: rgba(255, 255, 255, 0.15);
            }
            .st-login-help-window__bar p {
                margin: 0 0 0 auto;
                font-weight: 600;
                font-size: 13px;
                color: rgba(255, 255, 255, 0.8);
            }
            .st-login-help-window__body {
                padding: 18px 20px 22px;
            }
            .st-login-help-tabs {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                margin-bottom: 16px;
                font-size: 13px;
                color: rgba(255, 255, 255, 0.5);
            }
            .st-login-help-tabs span {
                padding: 6px 12px;
                border-radius: 999px;
                border: 1px solid transparent;
                background: rgba(255, 255, 255, 0.04);
            }
            .st-login-help-tabs .is-active {
                border-color: rgba(255, 255, 255, 0.2);
                color: #fff;
                background: rgba(122, 107, 255, 0.2);
            }
            .st-login-help-panel {
                border-radius: 20px;
                background: rgba(15, 23, 42, 0.85);
                border: 1px solid rgba(255, 255, 255, 0.08);
                padding: 20px;
                display: flex;
                flex-direction: column;
                gap: 18px;
            }
            .st-login-help-panel__meta strong {
                display: block;
                font-size: 20px;
                margin: 4px 0;
            }
            .st-login-help-label {
                font-size: 13px;
                letter-spacing: 0.08em;
                text-transform: uppercase;
                color: rgba(255, 255, 255, 0.65);
            }
            .st-login-help-steam-id {
                font-size: 13px;
                color: rgba(255, 255, 255, 0.6);
            }
            .st-login-help-panel__menu {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
            }
            .st-login-help-panel__menu span {
                flex: 1;
                min-width: 140px;
                padding: 10px 12px;
                border-radius: 14px;
                border: 1px solid rgba(255, 255, 255, 0.08);
                background: rgba(255, 255, 255, 0.04);
                text-align: center;
                font-weight: 600;
                font-size: 13px;
            }
            .st-login-help-steps {
                margin: 0;
                padding-left: 18px;
                color: var(--st-muted);
                font-size: 14px;
            }
            .st-login-help-steps li {
                margin-bottom: 6px;
            }
            .st-login-help-warning {
                display: flex;
                gap: 14px;
                border-radius: 18px;
                border: 1px solid rgba(255, 173, 84, 0.35);
                background: rgba(255, 173, 84, 0.12);
                padding: 16px 18px;
                align-items: center;
            }
            .st-login-help-warning__icon {
                width: 36px;
                height: 36px;
                border-radius: 50%;
                background: rgba(255, 173, 84, 0.3);
                border: 1px solid rgba(255, 173, 84, 0.6);
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: 700;
                color: #ffad54;
            }
            .st-login-help-warning p {
                margin: 4px 0 0;
                color: var(--st-muted);
                font-size: 14px;
            }
            .st-login-help-cta {
                background: linear-gradient(120deg, #30d87f, #54f0a4);
                color: #04122d;
                box-shadow: 0 25px 60px rgba(84, 240, 164, 0.35);
            }
            .st-login-help-cta:hover {
                box-shadow: 0 35px 70px rgba(84, 240, 164, 0.45);
            }
            @media (max-width: 900px) {
                .st-nav {
                    flex-direction: column;
                    align-items: flex-start;
                }
                .st-nav-links {
                    width: 100%;
                    flex-wrap: wrap;
                }
                .st-nav-actions {
                    width: 100%;
                    grid-auto-flow: row;
                    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
                    gap: 12px;
                }
            }
            @media (max-width: 600px) {
                .st-modal[data-st-topup-modal] {
                    padding: 24px 16px;
                }
                .st-card {
                    padding: 24px;
                }
                .st-balance-chip {
                    padding: 10px 0;
                }
                .st-chip__icon {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                }
                .st-chip[data-login-modal-open] .st-chip__label,
                .st-chip[data-st-apply-promo] .st-chip__label {
                    display: none;
                }
                .st-chip[data-login-modal-open],
                .st-chip[data-st-apply-promo] {
                    padding: 0;
                    width: 42px;
                    min-width: 42px;
                    height: 42px;
                    justify-content: center;
                }
                .st-footer {
                    padding: 32px 24px;
                }
                .st-market-page {
                    padding: 24px 16px 64px;
                }
                .st-nav {
                    padding: 16px 18px;
                }
                .st-modal__card {
                    padding: 28px 22px;
                }
                .st-modal__close {
                    top: 12px;
                    right: 12px;
                }
                .st-modal[data-st-topup-modal] .st-modal__card {
                    max-height: calc(100vh - 32px);
                    display: flex;
                    flex-direction: column;
                    overflow: hidden;
                }
                .st-modal[data-st-topup-modal] .st-modal__form-layout {
                    flex: 1;
                    min-height: 0;
                    gap: 20px;
                }
                .st-modal[data-st-topup-modal] .st-modal__grid {
                    gap: 20px;
                }
                .st-modal[data-st-topup-modal] .st-modal__scroll {
                    flex: 1;
                    min-height: 0;
                    overflow-y: auto;
                    padding: 8px 6px 36px;
                    margin-right: -6px;
                    scrollbar-gutter: stable both-edges;
                }
                .st-modal[data-st-topup-modal] .st-modal__actions {
                    padding-bottom: 8px;
                }
                .st-modal[data-st-topup-modal] .st-modal__footer {
                    padding-top: 18px;
                    border-top: 1px solid rgba(255, 255, 255, 0.08);
                    background: var(--st-surface, rgba(12, 18, 55, 0.95));
                    box-shadow: 0 -18px 32px rgba(5, 7, 32, 0.35);
                }
                .st-login-help-panel__menu {
                    flex-direction: column;
                }
                .st-login-help-warning {
                    flex-direction: column;
                    align-items: flex-start;
                }
            }

            :root {
                --st-bg: #e7f5eb;
                --st-surface: #f6fbf4;
                --st-surface-alt: #edf6ef;
                --st-border: rgba(15, 23, 42, 0.08);
                --st-primary: #16a34a;
                --st-primary-dark: #0d8a3c;
                --st-accent: #22c55e;
                --st-green: #16a34a;
                --st-orange: #f97316;
                --st-muted: rgba(15, 23, 42, 0.6);
                --st-text: #0f172a;
                --st-body-gradient-start: #e7f5eb;
                --st-body-gradient-mid: #f8fdf7;
                --st-body-gradient-end: #e3f2e7;
            }

            body {
                color: var(--st-text);
                background: linear-gradient(
                    180deg,
                    var(--st-body-gradient-start) 0%,
                    var(--st-body-gradient-mid) 45%,
                    var(--st-body-gradient-end) 100%
                );
                margin: 0;
            }

            main.__className_748f86 {
                background:
                    linear-gradient(180deg, rgba(22, 163, 74, 0.08), rgba(22, 163, 74, 0)),
                    linear-gradient(
                        180deg,
                        var(--st-body-gradient-start) 0%,
                        var(--st-body-gradient-mid) 45%,
                        var(--st-body-gradient-end) 100%
                    );
            }

            .st-market-page,
            .st-market-page h1,
            .st-market-page h2,
            .st-market-page h3,
            .st-market-page p {
                color: var(--st-text);
            }

            .st-nav {
                background: var(--st-surface);
                border: 1px solid rgba(15, 23, 42, 0.08);
                box-shadow: 0 25px 60px rgba(15, 23, 42, 0.08);
                backdrop-filter: none;
            }

            .st-nav-links a:hover {
                background: rgba(22, 163, 74, 0.12);
                color: var(--st-primary);
            }

            .st-lang-toggle {
                background: rgba(22, 163, 74, 0.08);
                border-color: rgba(22, 163, 74, 0.2);
            }

            .st-lang-toggle button {
                color: var(--st-text);
            }

            .st-lang-toggle .is-active {
                background: linear-gradient(120deg, var(--st-primary), var(--st-primary-dark));
                color: #fff;
            }

            .st-secondary-btn,
            .st-ghost-btn {
                background: var(--st-surface);
                border: 1px solid rgba(22, 163, 74, 0.3);
                color: var(--st-primary);
                box-shadow: 0 12px 28px rgba(22, 163, 74, 0.12);
            }

            .st-secondary-btn:hover,
            .st-ghost-btn:hover {
                 
                border-color: rgba(22, 163, 74, 0.5);
            }

            .st-login-btn {
                background: linear-gradient(120deg, var(--st-primary), var(--st-primary-dark));
                color: #fff;
                border-color: transparent;
                box-shadow: 0 20px 40px rgba(22, 163, 74, 0.35);
            }

            .st-balance-chip {
                background: rgba(22, 163, 74, 0.08);
                border-color: rgba(22, 163, 74, 0.3);
                box-shadow: 0 18px 45px rgba(22, 163, 74, 0.2);
            }

            .st-balance-chip span,
            .MobileMenu_balanceChip .MobileMenu_balanceLabel {
                color: rgba(15, 23, 42, 0.6);
            }

            .st-balance-chip strong,
            .MobileMenu_balanceChip strong {
                color: var(--st-primary);
            }

            .MobileMenu_balanceChip {
                background: rgba(22, 163, 74, 0.12);
                border-color: rgba(22, 163, 74, 0.28);
                box-shadow: 0 15px 35px rgba(15, 23, 42, 0.15);
            }

            .st-steam-icon {
                background: rgb(15 144 63);
                color: #ffffff;
            }

            .st-tagline-item {
                background: var(--st-surface);
                border-color: rgba(15, 23, 42, 0.08);
                box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
            }

            .st-tagline-item strong {
                color: var(--st-text);
            }

            .st-pill {
                background: rgba(15, 23, 42, 0.04);
                border: 1px solid rgba(15, 23, 42, 0.08);
                color: var(--st-muted);
            }

            .st-pill.st-pill-green,
            .st-pill.st-pill-purple {
                color: var(--st-primary);
                border-color: rgba(22, 163, 74, 0.25);
                background: rgba(22, 163, 74, 0.12);
            }

            .st-pill.st-pill-orange {
                color: var(--st-orange);
                border-color: rgba(249, 115, 22, 0.3);
                background: rgba(249, 115, 22, 0.15);
            }

            .st-card {
                background: linear-gradient(135deg, rgba(34, 197, 94, 0.12), rgba(255, 255, 255, 0)) var(--st-surface);
                border: 1px solid rgba(15, 23, 42, 0.08);
                box-shadow: 0 35px 80px rgba(15, 23, 42, 0.12);
            }

            .st-card-subtitle,
            .st-tagline-meta,
            .st-helper,
            .st-feed-desc {
                color: rgba(15, 23, 42, 0.65);
            }

            .st-input {
                background: var(--st-surface);
                border-color: rgba(15, 23, 42, 0.08);
            }

            .st-input input,
            .st-input textarea {
                color: var(--st-text);
            }

            .st-input input::placeholder,
            .st-input textarea::placeholder {
                color: rgba(15, 23, 42, 0.45);
            }

            .st-chip {
                border-color: rgba(22, 163, 74, 0.25);
                background: rgba(22, 163, 74, 0.08);
                color: var(--st-text);
            }

            .st-chip.is-active {
                background: linear-gradient(120deg, var(--st-primary), var(--st-primary-dark));
                color: #fff;
                border-color: transparent;
                box-shadow: 0 20px 40px rgba(22, 163, 74, 0.35);
            }

            .st-toggle button {
                background: rgba(15, 23, 42, 0.05);
                border-color: rgba(15, 23, 42, 0.08);
                color: var(--st-muted);
            }

            .st-toggle button.is-active {
                background: rgba(22, 163, 74, 0.15);
                color: var(--st-primary);
                border-color: transparent;
            }

            .st-info-panel,
            .st-deal-feed,
            .st-market-stats,
            .st-stat-card,
            .st-trending,
            .st-feed-item,
            .st-footer {
                background: var(--st-surface);
                border: 1px solid rgba(15, 23, 42, 0.08);
                box-shadow: 0 25px 60px rgba(15, 23, 42, 0.06);
            }

            .st-deal-highlight {
                background: linear-gradient(135deg, rgba(34, 197, 94, 0.18), var(--st-surface));
                border: 1px solid rgba(15, 23, 42, 0.08);
                color: var(--st-text);
            }

            .st-highlight-tags span,
            .st-trending-tags span {
                background: rgba(22, 163, 74, 0.08);
                border-color: rgba(22, 163, 74, 0.25);
                color: var(--st-primary);
            }

            .st-price-change {
                background: rgba(22, 163, 74, 0.15);
                color: var(--st-primary);
            }

            .st-feed-status {
                border-color: rgba(15, 23, 42, 0.12);
                color: var(--st-muted);
                background: rgba(15, 23, 42, 0.04);
            }

            .st-feed-status.is-up,
            .st-feed-status.is-completed {
                background: linear-gradient(120deg, var(--st-primary), var(--st-primary-dark));
                color: #fff;
                border-color: transparent;
            }

            .st-feed-status.is-processing {
                color: #c67a00;
                border-color: rgba(198, 122, 0, 0.35);
                background: rgba(198, 122, 0, 0.12);
            }

            .st-feed-status.is-down,
            .st-feed-status.is-rejected {
                color: #dc2626;
                border-color: rgba(220, 38, 38, 0.25);
                background: rgba(220, 38, 38, 0.1);
            }

            .st-stat-trend.is-up {
                color: var(--st-primary);
            }

            .st-stat-trend.is-down {
                color: #dc2626;
            }

            .st-social a {
                color: var(--st-primary);
                border-color: rgba(22, 163, 74, 0.25);
                box-shadow: none;
            }

            .st-primary-btn {
                background: linear-gradient(120deg, var(--st-primary), var(--st-primary-dark));
                box-shadow: 0 25px 60px rgba(22, 163, 74, 0.35);
            }

            .st-primary-btn:hover {
                box-shadow: 0 30px 70px rgba(22, 163, 74, 0.45);
            }