/* Colors */

        :root {
            --neutral-night-normal-60: #5a697c;
            --neutral-night-normal-70: #718298;
            --neutral-night-normal-80: #929fb0;
            --neutral-night-normal-90: #c5cbd3;
            --neutral-night-normal-100: #edeff2;
            --neutral-night-inverted-60: #5e6c85;
            --neutral-night-inverted-70: #5e6c85;
            --neutral-night-inverted-80: #42526f;
            --neutral-night-inverted-90: #253859;
            --neutral-night-inverted-100: #071837;
            --neutral-day-normal-60: #7a869a;
            --neutral-day-normal-70: #5e6c84;
            --neutral-day-normal-80: #42526e;
            --neutral-day-normal-90: #253858;
            --neutral-day-normal-100: #071836;
            --neutral-day-inverted-60: #5a697c;
            --neutral-day-inverted-70: #253859;
            --neutral-day-inverted-80: #929fb0;
            --neutral-day-inverted-90: #5e6c85;
            --neutral-day-inverted-100: #e1e4ea;
            --alpha-night-0: #eef0f400;
            --alpha-night-2: #eef0f405;
            --alpha-night-4: #eef0f40a;
            --alpha-night-6: #eef0f40f;
            --alpha-night-8: #eef0f414;
            --alpha-night-24: #eef0f43d;
            --alpha-night-32: #eef0f452;
            --alpha-night-48: #eef0f47a;
            --alpha-night-60: #eef0f499;
            --alpha-night-72: #eef0f4b8;
            --alpha-day-2: rgba(41, 48, 66, 0.03);
            --alpha-day-4: rgba(41, 48, 66, 0.04);
            --alpha-day-6: rgba(41, 48, 66, 0.05);
            --alpha-day-8: rgba(41, 48, 66, 0.08);
            --alpha-day-24: rgba(41, 48, 66, 0.24);
            --alpha-day-32: rgba(41, 48, 66, 0.32);
            --alpha-day-60: rgba(0, 0, 0, 0.6);
            --alpha-day-72: rgba(0, 0, 0, 0.72);
            --success-20: #b1e2c2;
            --success-80: #2db45b;
            --success-90: #09b343;
            --success-100: #089136;
            --success-alpha-24: #0891363d;
            --error-20: #f1dfda;
            --error-80: #e96c46;
            --error-90: #e85b30;
            --error-100: #e5491a;
            --error-alpha-24: #e5491a3d;
            --warning-10: #f8f4ed;
            --warning-80: #f29a0d;
            --warning-90: #f4a425;
            --warning-100: #f29a0d;
            --warning-alpha-24: #f29a0d3d;
            --gradient-green: linear-gradient( 135deg, #007318 0%, #1dc757 48%, #007318 100%);
            --gradient-orange: linear-gradient( 135deg, #ff5c00 0%, #ffab2e 48%, #ff5c00 100%);
            --gradient-red: linear-gradient( 135deg, #c72b00 0%, #fc6f44 48%, #c72b00 100%);
            --brand-base-night-60: #2d2d2d;
            --brand-base-night-70: #27272b;
            --brand-base-night-80: #3e3e3e;
            --brand-base-night-90: #101010;
            --brand-base-night-100: #000000;
            --brand-primary-80: #fbbb5a;
            --brand-primary-90: #c87c0b;
            --brand-primary-100: #ffa31a;
            --brand-primary-alpha-24: rgba(225, 163, 26, 0.24);
            --brand-secondary-80: #fbbb5a;
            --brand-secondary-90: #c87c0b;
            --brand-secondary-100: #ffa31a;
            --brand-secondary-alpha-24: rgba(225, 163, 26, 0.24);
            --brand-base-day-60: #fff;
            --brand-base-day-70: #b7bdc2;
            --brand-base-day-80: #c8ccd0;
            --brand-base-day-90: #dbdee1;
            --brand-base-day-100: #f2f3f4;
            --brand-base-aditional-shade-100: linear-gradient( 0deg, #27292f 0%, #26282d 100%);
        }

        :root {
            --content-primary: var(--neutral-night-normal-100);
            --content-secondary: var(--neutral-night-normal-90);
            --content-tertiary: var(--neutral-night-normal-100);
            --content-quaternary: var(--neutral-night-normal-100);
            --content-disabled: var(--alpha-night-32);
            --content-warning: var(--warning-100);
            --content-success: var(--success-90);
            --content-error: var(--error-100);
            --content-accent-1-primary: var(--brand-primary-100);
            --content-accent-1-secondary: var(--brand-primary-90);
            --content-accent-1-tertiary: var(--brand-primary-80);
            --content-accent-1-quaternary: var(--brand-primary-alpha-24);
            --content-inverted-primary: var(--neutral-night-inverted-100);
            --content-inverted-secondary: var(--neutral-night-inverted-90);
            --content-inverted-tertiary: var(--neutral-night-inverted-80);
            --content-inverted-quaternary: var(--neutral-night-inverted-60);
            --content-inverted-disabled: var(--alpha-day-32);
            --content-inverted-warning: var(--warning-100);
            --content-inverted-success: var(--success-90);
            --content-inverted-error: var(--error-100);
            --content-inverted-accent-1-primary: var(--brand-primary-100);
            --content-inverted-accent-1-secondary: var(--brand-primary-90);
            --content-inverted-accent-1-tertiary: var(--brand-primary-80);
            --content-inverted-accent-1-quaternary: var(--brand-primary-alpha-24);
            --content-card-category-title: var(--neutral-night-normal-100);
            --content-card-category-subtitle: var(--neutral-night-normal-80);
            --content-card-category-inverted-title: var(--neutral-night-inverted-100);
            --content-card-category-inverted-subtitle: var(--neutral-night-inverted-80);
            --content-button-primary: var(--neutral-night-normal-100);
            --content-button-secondary: var(--neutral-night-normal-100);
            --content-button-neutral: var(--neutral-night-normal-100);
            --content-button-no-background: var(--neutral-night-normal-100);
            --content-button-deposit-header-default: var(--neutral-night-inverted-100);
            --content-button-deposit-wallet-default: var(--neutral-night-inverted-100);
            --content-button-withdraw-default: var(--neutral-night-normal-100);
            --content-button-verify-default: var(--neutral-night-inverted-100);
            --content-button-registration-default: var(--neutral-night-inverted-100);
            --content-button-login-default: var(--neutral-night-normal-100);
            --content-button-negative: var(--neutral-night-normal-100);
            --content-button-float: var(--neutral-day-inverted-100);
            --content-button-inverted-primary: var(--neutral-night-normal-100);
            --content-button-inverted-secondary: var(--neutral-night-normal-100);
            --content-button-inverted-neutral: var(--neutral-night-inverted-100);
            --content-button-inverted-no-background: var(--neutral-night-inverted-100);
            --content-button-inverted-deposit-header-default: var( --neutral-night-normal-100);
            --content-button-inverted-deposit-wallet-default: var( --neutral-night-normal-100);
            --content-button-inverted-withdraw-default: var(--neutral-night-inverted-100);
            --content-button-inverted-verify-default: var(--neutral-night-normal-100);
            --content-button-inverted-registration-default: var( --neutral-night-normal-100);
            --content-button-inverted-negative: var(--neutral-night-normal-100);
            --content-button-inverted-login-default: var(--neutral-night-inverted-100);
            --content-button-inverted-float: var(--neutral-night-inverted-100);
            --content-tab-default: var(--neutral-night-normal-80);
            --content-tab-hover: var(--neutral-night-normal-80);
            --content-tab-active: var(--neutral-night-normal-100);
            --content-tab-inverted-hover: var(--neutral-night-inverted-80);
            --content-tab-inverted-active: var(--neutral-night-inverted-100);
            --content-tab-inverted-default: var(--neutral-night-inverted-80);
            --content-chips-default: var(--neutral-night-normal-100);
            --content-chips-hover: var(--neutral-night-normal-100);
            --content-chips-active: var(--neutral-night-normal-100);
            --content-chips-disabled: var(--neutral-night-normal-80);
            --content-menu-item-default: var(--neutral-night-normal-100);
            --content-menu-item-hover: var(--neutral-day-normal-100);
            --content-menu-item-pressed: var(--neutral-day-normal-100);
            --content-menu-item-active: var(--neutral-day-normal-100);
            --content-menu-item-inverted-default: var(--neutral-night-inverted-100);
            --content-menu-item-inverted-hover: var(--neutral-night-inverted-100);
            --content-menu-item-inverted-pressed: var(--neutral-night-inverted-100);
            --content-menu-item-inverted-active: var(--neutral-night-inverted-100);
            --content-dropdown-header-default: var(--neutral-night-normal-100);
            --content-dropdown-header-hover: var(--neutral-night-normal-100);
            --content-dropdown-header-pressed: var(--neutral-night-normal-100);
            --content-dropdown-header-active: var(--neutral-night-normal-100);
            --content-dropdown-header-inverted-default: var(--neutral-night-inverted-80);
            --content-dropdown-header-inverted-hover: var(--neutral-night-inverted-100);
            --content-dropdown-header-inverted-pressed: var(--neutral-night-inverted-100);
            --content-dropdown-header-inverted-active: var(--neutral-night-inverted-100);
            --content-dropdown-body-item-default: var(--neutral-night-normal-100);
            --content-dropdown-body-item-hover: var(--neutral-day-normal-100);
            --content-dropdown-body-item-pressed: var(--neutral-day-normal-100);
            --content-dropdown-body-item-active: var(--neutral-day-normal-100);
            --content-dropdown-body-item-inverted-default: var( --neutral-night-inverted-100);
            --content-dropdown-body-item-inverted-hover: var( --neutral-night-inverted-100);
            --content-dropdown-body-item-inverted-pressed: var( --neutral-night-inverted-100);
            --content-dropdown-body-item-inverted-active: var( --neutral-night-inverted-100);
            --content-lable-card-game-primary: var(--neutral-night-normal-100);
            --content-card-game-primary: var(--neutral-night-normal-100);
            --content-card-game-secondary: var(--neutral-night-normal-60);
            --content-card-game-inverted-primary: var(--neutral-night-inverted-100);
            --content-card-game-inverted-secondary: var(--neutral-night-inverted-100);
            --content-badge-primary: var(--neutral-night-normal-100);
            --content-badge-secondary: var(--neutral-night-normal-100);
            --content-badge-neutral: var(--neutral-night-normal-100);
            --content-badge-no-background: var(--neutral-night-normal-100);
            --content-badge-success: var(--neutral-night-normal-100);
            --content-badge-no-background-success: var(--content-success);
            --content-badge-warning: var(--neutral-night-normal-100);
            --content-badge-no-background-warning: var(--content-warning);
            --content-badge-error: var(--neutral-night-normal-100);
            --content-badge-no-background-error: var(--content-error);
            --content-badge-neutral-warning: #f5f763;
            --content-navigation-bar-primary: var(--neutral-night-normal-100);
            --content-navigation-bar-inverted-primary: var(--neutral-night-inverted-100);
            --content-accordion-item-title-default: var(--neutral-night-normal-90);
            --content-accordion-item-title-hover: var(--neutral-night-normal-100);
            --content-accordion-item-title-pressed: var(--neutral-night-normal-100);
            --content-accordion-item-title-active: var(--neutral-night-normal-100);
            --content-accordion-item-description: var(--neutral-night-normal-80);
            --content-accordion-item-inverted-title-default: var( --neutral-night-inverted-90);
            --content-accordion-item-inverted-title-hover: var( --neutral-night-inverted-100);
            --content-accordion-item-inverted-title-pressed: var( --neutral-night-inverted-100);
            --content-accordion-item-inverted-title-active: var( --neutral-night-inverted-100);
            --content-accordion-item-inverted-description: var( --neutral-night-inverted-80);
            --content-card-provider-default: var(--neutral-night-normal-80);
            --content-card-provider-hover: var(--neutral-night-normal-80);
            --content-card-provider-pressed: var(--neutral-night-normal-80);
            --content-card-tournament-primary: var(--neutral-night-normal-100);
            --content-timer-date-primary: var(--neutral-night-normal-100);
            --content-timer-date-secondary: var(--neutral-night-normal-90);
            --content-vidget-tournament-secondary: var(--neutral-night-normal-90);
            --content-vidget-tournament-accent: var(--warning-100);
            --content-header-nav-item-default: rgb(255, 255, 255);
            --content-header-nav-item-hover: var(--neutral-night-normal-100);
            --content-header-nav-item-active: var(--brand-primary-100);
            --content-header-nav-item-inverted-default: var(--neutral-night-normal-80);
            --content-header-nav-item-inverted-hover: var(--neutral-night-normal-100);
            --content-header-nav-item-inverted-active: var(--brand-primary-100);
            --content-theme-default: var(--neutral-night-normal-100);
            --content-sidebar-page-item-default: var(--neutral-night-normal-100);
            --content-level-card-primary: var(--neutral-night-normal-100);
            --content-level-card-secondary: var(--neutral-night-normal-80);
            --content-level-card-inverted-primary: var(--neutral-day-normal-100);
            --content-level-card-inverted-secondary: var(--neutral-day-normal-80);
            --content-card-page-title: var(--neutral-night-normal-100);
            --content-card-page-subtitle: var(--neutral-night-normal-80);
            --content-card-page-inverted-title: var(--neutral-night-inverted-100);
            --content-card-page-inverted-subtitle: var(--neutral-night-inverted-80);
            --background-button-primary-default: var(--brand-primary-100);
            --background-button-primary-hover: var(--brand-primary-80);
            --background-button-primary-pressed: var(--brand-primary-90);
            --background-button-primary-disabled: var(--brand-primary-alpha-24);
            --background-button-secondary-default: var(--brand-secondary-100);
            --background-button-secondary-hover: var(--brand-secondary-80);
            --background-button-secondary-pressed: var(--brand-secondary-90);
            --background-button-secondary-disabled: var(--brand-secondary-alpha-24);
            --background-button-neutral-default: rgba(238, 240, 244, 0.2);
            --background-button-neutral-hover: var(--alpha-night-24);
            --background-button-neutral-pressed: var(--alpha-night-6);
            --background-button-neutral-disabled: var(--alpha-night-2);
            --background-button-no-background-default: var(--alpha-night-0);
            --background-button-no-background-hover: var(--alpha-night-24);
            --background-button-no-background-pressed: var(--alpha-night-6);
            --background-button-no-background-disabled: var(--alpha-night-0);
            --background-button-deposit-header-default: var(--brand-primary-100);
            --background-button-deposit-header-hover: var(--brand-primary-80);
            --background-button-deposit-header-pressed: var(--brand-primary-90);
            --background-button-deposit-header-disabled: var(--brand-primary-alpha-24);
            --background-button-withdraw-default: var(--alpha-night-6);
            --background-button-withdraw-hover: var(--alpha-night-24);
            --background-button-withdraw-pressed: var(--alpha-night-6);
            --background-button-withdraw-disabled: var(--alpha-night-2);
            --background-button-verify-default: var(--brand-primary-100);
            --background-button-verify-hover: var(--brand-primary-80);
            --background-button-verify-pressed: var(--brand-primary-90);
            --background-button-verify-disabled: var(--brand-primary-alpha-24);
            --background-button-registration-default: var(--brand-primary-100);
            --background-button-registration-hover: var(--brand-primary-80);
            --background-button-registration-pressed: var(--brand-primary-90);
            --background-button-registration-disabled: var(--brand-primary-alpha-24);
            --background-button-login-default: var(--alpha-night-6);
            --background-button-login-hover: var(--alpha-night-24);
            --background-button-login-pressed: var(--alpha-night-6);
            --background-button-login-disabled: var(--alpha-night-2);
            --background-button-deposit-wallet-default: var(--brand-primary-100);
            --background-button-deposit-wallet-hover: var(--brand-primary-80);
            --background-button-deposit-wallet-pressed: var(--brand-primary-90);
            --background-button-deposit-wallet-disabled: var(--brand-primary-alpha-24);
            --background-button-float-default: var(--brand-primary-100);
            --background-button-negative-default: var(--error-100);
            --background-button-negative-hover: var(--error-80);
            --background-button-negative-pressed: var(--error-90);
            --background-button-negative-disabled: var(--error-alpha-24);
            --background-button-inverted-primary-default: var(--brand-primary-100);
            --background-button-inverted-primary-hover: var(--brand-primary-80);
            --background-button-inverted-primary-pressed: var(--brand-primary-90);
            --background-button-inverted-primary-disabled: var(--brand-primary-alpha-24);
            --background-button-inverted-secondary-default: var(--brand-secondary-100);
            --background-button-inverted-secondary-hover: var(--brand-secondary-80);
            --background-button-inverted-secondary-pressed: var(--brand-secondary-90);
            --background-button-inverted-secondary-disabled: var( --brand-secondary-alpha-24);
            --background-button-inverted-neutral-default: var(--alpha-day-6);
            --background-button-inverted-neutral-hover: var(--alpha-day-24);
            --background-button-inverted-neutral-pressed: var(--alpha-day-6);
            --background-button-inverted-neutral-disabled: var(--alpha-day-2);
            --background-button-inverted-no-background-default: var(--alpha-day-0);
            --background-button-inverted-no-background-hover: var(--alpha-day-24);
            --background-button-inverted-no-background-pressed: var(--alpha-day-6);
            --background-button-inverted-no-background-disabled: var(--alpha-day-0);
            --background-button-inverted-deposit-header-default: var(--brand-primary-100);
            --background-button-inverted-deposit-header-hover: var(--brand-primary-80);
            --background-button-inverted-deposit-header-pressed: var(--brand-primary-90);
            --background-button-inverted-deposit-header-disabled: var( --brand-primary-alpha-24);
            --background-button-inverted-withdraw-default: var(--alpha-day-6);
            --background-button-inverted-withdraw-hover: var(--alpha-day-24);
            --background-button-inverted-withdraw-pressed: var(--alpha-day-6);
            --background-button-inverted-withdraw-disabled: var(--alpha-day-2);
            --background-button-inverted-verify-default: var(--brand-primary-100);
            --background-button-inverted-verify-hover: var(--brand-primary-80);
            --background-button-inverted-verify-pressed: var(--brand-primary-90);
            --background-button-inverted-verify-disabled: var(--brand-primary-alpha-24);
            --background-button-inverted-registration-default: var(--brand-primary-100);
            --background-button-inverted-registration-hover: var(--brand-primary-80);
            --background-button-inverted-registration-pressed: var(--brand-primary-90);
            --background-button-inverted-registration-disabled: var( --brand-primary-alpha-24);
            --background-button-inverted-login-default: var(--alpha-day-6);
            --background-button-inverted-login-hover: var(--alpha-day-24);
            --background-button-inverted-login-pressed: var(--alpha-day-6);
            --background-button-inverted-login-disabled: var(--alpha-day-2);
            --background-button-inverted-deposit-wallet-default: var(--brand-primary-100);
            --background-button-inverted-deposit-wallet-hover: var(--brand-primary-80);
            --background-button-inverted-deposit-wallet-pressed: var(--brand-primary-90);
            --background-button-inverted-deposit-wallet-disabled: var( --brand-primary-alpha-24);
            --background-button-inverted-float-default: var(--brand-primary-100);
            --background-button-inverted-negative-default: var(--error-100);
            --background-button-inverted-negative-hover: var(--error-80);
            --background-button-inverted-negative-pressed: var(--error-90);
            --background-button-inverted-negative-disabled: var(--error-alpha-24);
            --background-surface-stage-1: var(--brand-base-night-100);
            --background-surface-stage-2: var(--brand-base-night-90);
            --background-surface-stage-3: var(--brand-base-night-80);
            --background-surface-stage-4: var(--brand-base-night-70);
            --background-surface-alpha-stage-1: rgba(238, 240, 244, 0.2);
            --background-surface-alpha-stage-2: var(--alpha-night-4);
            --background-surface-alpha-stage-3: var(--alpha-night-6);
            --background-surface-alpha-stage-4: var(--alpha-night-8);
            --background-surface-alpha-stage-0: var(--alpha-night-0);
            --background-surface-inverted-stage-1: var(--brand-base-day-100);
            --background-surface-inverted-stage-2: var(--brand-base-day-90);
            --background-surface-inverted-stage-3: var(--brand-base-day-80);
            --background-surface-inverted-stage-4: var(--brand-base-day-70);
            --background-surface-inverted-alpha-stage-1: var(--alpha-day-2);
            --background-surface-inverted-alpha-stage-2: var(--alpha-day-4);
            --background-surface-inverted-alpha-stage-3: var(--alpha-day-6);
            --background-surface-inverted-alpha-stage-4: var(--alpha-day-8);
            --background-surface-inverted-alpha-stage-0: var(--alpha-day-0);
            --background-input-default: rgba(238, 240, 244, 0.2);
            --background-input-hover: var(--alpha-night-8);
            --background-input-focussed: rgba(238, 240, 244, 0.2);
            --background-input-disabled: var(--alpha-night-2);
            --background-input-filled: rgba(238, 240, 244, 0.2);
            --background-input-inverted-default: var(--alpha-day-6);
            --background-input-inverted-hover: var(--alpha-day-8);
            --background-input-inverted-focussed: var(--alpha-day-4);
            --background-input-inverted-disabled: var(--alpha-day-2);
            --background-input-inverted-filled: var(--alpha-day-6);
            --background-checkbox-default: rgba(238, 240, 244, 0.4);
            --background-checkbox-hover: var(--alpha-night-24);
            --background-checkbox-disabled: var(--alpha-night-6);
            --background-tab-default: var(--alpha-night-0);
            --background-tab-hover: var(--alpha-night-24);
            --background-tab-active: var(--brand-secondary-100);
            --background-tab-inverted-default: var(--alpha-day-0);
            --background-tab-inverted-hover: var(--alpha-day-24);
            --background-tab-inverted-active: var(--brand-secondary-100);
            --background-tabs-group-default: var(--alpha-night-4);
            --background-tabs-group-inverted-default: var(--alpha-day-4);
            --background-dropdown-header-default: var(--alpha-night-0);
            --background-dropdown-header-hover: var(--alpha-night-24);
            --background-dropdown-header-pressed: var(--alpha-night-6);
            --background-dropdown-header-active: var(--alpha-night-0);
            --background-dropdown-header-inverted-default: var(--alpha-day-0);
            --background-dropdown-header-inverted-hover: var(--alpha-day-24);
            --background-dropdown-header-inverted-pressed: var(--alpha-day-6);
            --background-dropdown-header-inverted-active: var(--alpha-day-0);
            --background-dropdown-body-item-default: var(--alpha-night-0);
            --background-dropdown-body-item-hover: var(--brand-primary-100);
            --background-dropdown-body-item-pressed: var(--brand-primary-90);
            --background-dropdown-body-item-active: var(--brand-primary-100);
            --background-dropdown-body-item-inverted-default: var(--alpha-day-0);
            --background-dropdown-body-item-inverted-hover: var(--alpha-day-24);
            --background-dropdown-body-item-inverted-pressed: var(--alpha-day-6);
            --background-dropdown-body-item-inverted-active: var(--alpha-day-24);
            --background-chips-default: var(--brand-base-night-90);
            --background-chips-hover: var(--brand-secondary-90);
            --background-chips-active: var(--brand-secondary-100);
            --background-chips-disabled: var(--alpha-night-2);
            --background-menu-item-no-background-default: var(--alpha-night-0);
            --background-menu-item-no-background-hover: var(--alpha-night-24);
            --background-menu-item-no-background-pressed: var(--alpha-night-6);
            --background-menu-item-no-background-active: var(--alpha-night-4);
            --background-menu-item-neutral-default: rgba(238, 240, 244, 0.2);
            --background-menu-item-neutral-hover: var(--brand-primary-100);
            --background-menu-item-neutral-pressed: var(--brand-primary-90);
            --background-menu-item-neutral-active: var(--brand-primary-100);
            --background-menu-item-inverted-no-background-default: var(--alpha-day-0);
            --background-menu-item-inverted-no-background-hover: var(--alpha-day-24);
            --background-menu-item-inverted-no-background-pressed: var(--alpha-day-6);
            --background-menu-item-inverted-no-background-active: var(--alpha-day-24);
            --background-menu-item-inverted-neutral-default: var(--alpha-day-4);
            --background-menu-item-inverted-neutral-hover: var(--alpha-day-24);
            --background-menu-item-inverted-neutral-pressed: var(--alpha-day-6);
            --background-menu-item-inverted-neutral-active: var(--alpha-day-24);
            --background-badge-primary: var(--brand-primary-100);
            --background-badge-secondary: var(--brand-secondary-100);
            --background-badge-neutral: var(--alpha-night-6);
            --background-badge-no-background: var(--alpha-night-0);
            --background-badge-success: var(--success-100);
            --background-badge-warning: var(--warning-100);
            --background-badge-error: var(--error-100);
            --background-badge-neutral-warning: rgba(245, 247, 99, 0.1);
            --background-card-category-default: var(--alpha-night-8);
            --background-card-category-hover: var(--alpha-night-24);
            --background-card-provider-default: var(--brand-base-night-80);
            --background-card-provider-hover: var(--brand-base-night-70);
            --background-card-provider-pressed: var(--brand-base-night-90);
            --background-card-provider-selected: var(--brand-base-night-90);
            --background-card-bonus-primary: var(--brand-base-night-90);
            --background-card-bonus-secondary: var(--alpha-night-4);
            --background-card-notification-default: var(--alpha-night-4);
            --background-help-center-primary: var(--alpha-night-4);
            --background-help-center-inverted-primary: var(--alpha-day-4);
            --background-lable-card-game-new: linear-gradient( 135deg, #007318 0%, #1dc757 48%, #007318 100%);
            --background-lable-card-game-exclusive: linear-gradient( 135deg, #ff5c00 0%, #ffab2e 48%, #ff5c00 100%);
            --background-lable-card-game-hot: linear-gradient( 135deg, #c72b00 0%, #fc6f44 48%, #c72b00 100%);
            --background-lable-card-game-black: #040404;
            --background-overlay-card-game-primary: rgba(58, 61, 69, 0.48);
            --background-header-primary: var(--brand-base-night-90);
            --background-header-inverted-primary: var(--brand-base-day-90);
            --background-footer-primary: var(--brand-base-night-90);
            --background-footer-inverted-primary: var(--brand-base-day-90);
            --background-alert-primary: var(--brand-base-night-70);
            --background-alert-inverted-primary: var(--brand-base-day-100);
            --background-modal-primary: var(--brand-base-night-90);
            --background-modal-inverted-primary: var(--brand-base-day-70);
            --background-sidebar-primary: var(--brand-base-night-90);
            --background-sidebar-inverted-primary: var(--brand-base-day-90);
            --background-table-primary: var(--brand-base-night-90);
            --background-table-inverted-primary: var(--brand-base-day-80);
            --background-dropdown-group-primary: var(--alpha-night-4);
            --background-dropdown-group-inverted-primary: var(--alpha-day-4);
            --background-select-dropdown-group-primary: var(--brand-base-night-80);
            --background-creeping-line-card-default: var(--brand-primary-100);
            --background-creeping-line-card-hover: var(--alpha-night-24);
            --background-backlight-primary: var(--brand-base-aditional-shade-100);
            --background-navigation-bar-primary: var(--brand-base-night-90);
            --background-navigation-bar-inverted-primary: var(--brand-base-day-90);
            --background-navigation-bar-modal-primary: var(--brand-base-night-90);
            --background-navigation-bar-modal-inverted-primary: var(--brand-base-day-90);
            --background-navigation-bar-modal-custom-primary: rgba(19, 25, 32, 0.58);
            --background-modal-shadow-primary: linear-gradient( 0deg, rgba(27, 27, 27, 0) 0%, rgba(27, 27, 27, 1) 100%);
            --background-system-success: var(--success-90);
            --background-system-warning: var(--warning-90);
            --background-system-error: var(--error-90);
            --background-biathlon-default: var(--alpha-night-8);
            --background-biathlon-active: var(--neutral-night-normal-100);
            --background-switcher-circle-default: var(--neutral-night-normal-70);
            --background-switcher-circle-active: var(--neutral-night-normal-100);
            --background-switcher-lowerground-default: var(--alpha-night-8);
            --background-switcher-lowerground-active: var(--brand-primary-100);
            --background-date-picker-primary: var(--brand-base-night-80);
            --background-featured-icon-primary: var(--neutral-night-normal-100);
            --background-overlay-primary: rgba(18, 19, 22, 0.92);
            --background-accordion-item-default: var(--alpha-night-4);
            --background-accordion-item-hover: var(--alpha-night-8);
            --background-accordion-item-pressed: var(--alpha-night-6);
            --background-accordion-item-active: var(--alpha-night-6);
            --background-accordion-item-inverted-default: var(--alpha-day-4);
            --background-accordion-item-inverted-hover: var(--alpha-day-8);
            --background-accordion-item-inverted-pressed: var(--alpha-day-6);
            --background-accordion-item-inverted-active: var(--alpha-day-6);
            --background-select-head-default: var(--alpha-night-6);
            --background-select-head-hover: var(--alpha-night-8);
            --background-select-head-focussed: var(--alpha-night-4);
            --background-select-head-filled: var(--alpha-night-6);
            --background-select-head-disabled: var(--alpha-night-2);
            --background-card-article-primary: var(--brand-base-night-90);
            --background-creeping-line-primary: var(--brand-primary-100);
            --background-creeping-line-inverted-primary: var(--alpha-day-4);
            --background-header-cards-primary: linear-gradient( 0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
            --background-timer-date-primary: var(--alpha-night-8);
            --background-vidget-tournament-primary: var(--alpha-day-8);
            --background-card-tournament-overlay-primary: linear-gradient( -160deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
            --background-table-row-primary-default: var(--alpha-night-4);
            --background-table-row-primary-default-hover: var(--alpha-night-8);
            --background-table-row-primary-default-active: var(--alpha-night-24);
            --background-progress-bar-progress-container: var(--alpha-night-4);
            --background-progress-bar-progress-active: var(--content-success);
            --background-progress-bar-progress-finish: var(--content-error);
            --background-progress-bar-inverted-progress-container: var(--alpha-day-4);
            --background-progress-bar-inverted-progress-active: var(--content-success);
            --background-progress-bar-inverted-progress-finish: var(--content-error);
            --background-tab-bar-mobile-primary: var(--brand-base-night-100);
            --background-tab-bar-mobile-inverted-primary: var(--brand-base-day-100);
            --background-wallet-primary: var(--brand-base-night-70);
            --background-wallet-inverted-primary: var(--brand-base-day-70);
            --background-card-platform-info-default: var(--alpha-night-8);
            --background-theme-default: var(--brand-base-night-90);
            --background-card-page-overlay-primary: linear-gradient( -90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
            --background-select-bonus-dropdown-default: var(--alpha-night-6);
            --background-select-bonus-dropdown-hover: var(--alpha-night-8);
            --background-select-bonus-dropdown-focussed: var(--alpha-night-4);
            --background-select-bonus-dropdown-selected: var(--alpha-night-6);
            --background-select-bonus-dropdown-disabled: var(--alpha-night-2);
            --background-select-bonus-item-default: var(--alpha-night-6);
            --background-select-bonus-item-hover: var(--alpha-night-8);
            --background-select-bonus-item-focussed: var(--alpha-night-4);
            --background-select-bonus-item-selected: var(--alpha-night-6);
            --background-select-bonus-item-disabled: var(--alpha-night-2);
            --background-select-bonus-custom-dropdown-default: var(--alpha-night-6);
            --background-select-bonus-custom-dropdown-hover: var(--alpha-night-8);
            --background-select-bonus-custom-dropdown-focussed: var(--alpha-night-4);
            --background-select-bonus-custom-dropdown-selected: #0576f0;
            --background-select-bonus-custom-dropdown-disabled: var(--alpha-night-2);
            --background-select-bonus-custom-item-default: #0576f0;
            --background-select-bonus-custom-item-no-bonus: var(--alpha-night-6);
            --background-tooltip-default: #000000;
            --background-tooltip-inverted-default: #000000;
            --stroke-input-default: var(--alpha-night-8);
            --stroke-input-hover: var(--alpha-night-24);
            --stroke-input-focussed: var(--brand-secondary-80);
            --stroke-input-success: var(--success-100);
            --stroke-input-warning: var(--warning-100);
            --stroke-input-error: var(--error-100);
            --stroke-input-filled: var(--alpha-night-8);
            --stroke-input-disabled: var(--alpha-night-2);
            --stroke-input-inverted-default: var(--alpha-day-8);
            --stroke-input-inverted-hover: var(--alpha-day-24);
            --stroke-input-inverted-focussed: var(--brand-secondary-80);
            --stroke-input-inverted-success: var(--success-100);
            --stroke-input-inverted-warning: var(--warning-100);
            --stroke-input-inverted-error: var(--error-100);
            --stroke-input-inverted-filled: var(--alpha-day-8);
            --stroke-input-inverted-disabled: var(--alpha-day-2);
            --stroke-button-default: var(--alpha-night-4);
            --stroke-button-hover: var(--alpha-night-4);
            --stroke-button-pressed: var(--alpha-night-4);
            --stroke-button-disabled: var(--alpha-night-0);
            --stroke-button-inverted-default: var(--alpha-day-4);
            --stroke-button-inverted-hover: var(--alpha-day-8);
            --stroke-button-inverted-pressed: var(--alpha-day-8);
            --stroke-button-inverted-disabled: var(--alpha-day-0);
            --stroke-checkbox-default: var(--alpha-night-8);
            --stroke-checkbox-hover: var(--alpha-night-24);
            --stroke-checkbox-disabled: var(--alpha-night-0);
            --stroke-surface-stage-1: var(--alpha-night-4);
            --stroke-surface-stage-2: var(--alpha-night-4);
            --stroke-surface-stage-3: var(--alpha-night-4);
            --stroke-surface-stage-4: var(--alpha-night-8);
            --stroke-surface-inverted-stage-1: var(--alpha-day-4);
            --stroke-surface-inverted-stage-2: var(--alpha-day-4);
            --stroke-surface-inverted-stage-3: var(--alpha-day-4);
            --stroke-surface-inverted-stage-4: var(--alpha-day-8);
            --stroke-tab-default: var(--alpha-night-0);
            --stroke-tab-hover: var(--alpha-night-8);
            --stroke-tab-active: var(--alpha-night-4);
            --stroke-tab-inverted-default: var(--alpha-day-0);
            --stroke-tab-inverted-hover: var(--alpha-day-8);
            --stroke-tab-inverted-active: var(--alpha-day-4);
            --stroke-tabs-group-default: var(--alpha-night-4);
            --stroke-tabs-group-inverted-default: var(--alpha-day-4);
            --stroke-dropdown-header-default: var(--alpha-night-0);
            --stroke-dropdown-header-hover: var(--alpha-night-0);
            --stroke-dropdown-header-pressed: var(--alpha-night-0);
            --stroke-dropdown-header-active: var(--alpha-night-8);
            --stroke-dropdown-header-inverted-default: var(--alpha-day-0);
            --stroke-dropdown-header-inverted-hover: var(--alpha-day-0);
            --stroke-dropdown-header-inverted-pressed: var(--alpha-day-0);
            --stroke-dropdown-header-inverted-active: var(--alpha-day-8);
            --stroke-chips-default: var(--alpha-night-4);
            --stroke-chips-hover: var(--alpha-night-8);
            --stroke-chips-active: var(--alpha-night-4);
            --stroke-chips-disabled: var(--alpha-night-0);
            --stroke-modal-primary: rgba(238, 240, 244, 0.25);
            --stroke-modal-inverted-primary: var(--alpha-day-4);
            --stroke-sidebar-primary: var(--alpha-night-4);
            --stroke-sidebar-inverted-primary: var(--alpha-day-4);
            --stroke-header-primary: var(--alpha-night-4);
            --stroke-header-inverted-primary: var(--alpha-day-4);
            --stroke-table-primary: var(--alpha-night-4);
            --stroke-table-inverted-primary: var(--alpha-day-4);
            --stroke-select-dropdown-group-primary: var(--alpha-night-4);
            --stroke-navigation-bar-primary: var(--alpha-night-4);
            --stroke-navigation-bar-modal-primary: var(--alpha-night-4);
            --stroke-card-bonus-default: var(--alpha-night-4);
            --stroke-card-notification-default: var(--alpha-night-4);
            --stroke-lable-card-game-new: var(--success-90);
            --stroke-lable-card-game-exclusive: var(--warning-90);
            --stroke-lable-card-game-hot: var(--error-90);
            --stroke-lable-card-game-black: var(--alpha-night-4);
            --stroke-date-picker-primary: var(--brand-base-night-70);
            --stroke-accordion-item-default: var(--alpha-night-4);
            --stroke-accordion-item-hover: var(--alpha-night-8);
            --stroke-accordion-item-pressed: var(--alpha-night-4);
            --stroke-accordion-item-active: var(--alpha-night-4);
            --stroke-accordion-item-inverted-default: var(--alpha-day-4);
            --stroke-accordion-item-inverted-hover: var(--alpha-day-8);
            --stroke-accordion-item-inverted-pressed: var(--alpha-day-4);
            --stroke-accordion-item-inverted-active: var(--alpha-day-4);
            --stroke-alert-primary: var(--alpha-night-8);
            --stroke-alert-inverted-primary: var(--alpha-day-8);
            --stroke-select-head-default: var(--alpha-night-8);
            --stroke-select-head-hover: var(--alpha-night-24);
            --stroke-select-head-focussed: var(--brand-secondary-80);
            --stroke-select-head-filled: var(--alpha-night-8);
            --stroke-select-head-disabled: var(--alpha-night-2);
            --stroke-card-provider-default: var(--alpha-night-4);
            --stroke-card-provider-hover: var(--alpha-night-4);
            --stroke-card-provider-pressed: var(--alpha-night-4);
            --stroke-card-provider-selected: var(--alpha-night-8);
            --stroke-card-game-default: var(--alpha-night-2);
            --stroke-card-game-hover: var(--alpha-night-2);
            --stroke-card-article-primary: var(--alpha-night-4);
            --stroke-creeping-line-primary: var(--alpha-night-4);
            --stroke-creeping-line-inverted-primary: var(--alpha-day-4);
            --stroke-timer-date-primary: var(--alpha-night-4);
            --stroke-vidget-tournament-primary: var(--alpha-night-4);
            --stroke-card-tournament-primary: var(--alpha-night-4);
            --stroke-tab-bar-mobile-primary: var(--alpha-night-8);
            --stroke-tab-bar-mobile-inverted-primary: var(--alpha-day-8);
            --stroke-wallet-primary: var(--alpha-night-4);
            --stroke-wallet-inverted-primary: var(--alpha-day-4);
            --stroke-card-page-primary: var(--alpha-night-4);
            --stroke-badge-neutral-warning: rgba(245, 247, 99, 0.04);
            --stroke-select-bonus-dropdown-default: var(--alpha-night-8);
            --stroke-select-bonus-dropdown-hover: var(--alpha-night-24);
            --stroke-select-bonus-dropdown-focussed: var(--alpha-night-24);
            --stroke-select-bonus-dropdown-selected: var(--alpha-night-8);
            --stroke-select-bonus-dropdown-disabled: var(--alpha-night-2);
            --stroke-select-bonus-item-default: var(--alpha-night-8);
            --stroke-select-bonus-item-hover: var(--alpha-night-24);
            --stroke-select-bonus-item-focussed: var(--alpha-night-24);
            --stroke-select-bonus-item-selected: var(--alpha-night-8);
            --stroke-select-bonus-item-disabled: var(--alpha-night-2);
            --stroke-select-bonus-custom-dropdown-default: var(--alpha-night-8);
            --stroke-select-bonus-custom-dropdown-hover: var(--alpha-night-24);
            --stroke-select-bonus-custom-dropdown-focussed: var(--alpha-night-24);
            --stroke-select-bonus-custom-dropdown-selected: var(--alpha-night-8);
            --stroke-select-bonus-custom-dropdown-disabled: var(--alpha-night-2);
            --stroke-select-bonus-custom-item-default: var(--alpha-night-0);
            --stroke-select-bonus-custom-item-hover: var(--alpha-night-0);
            --stroke-select-bonus-custom-item-focussed: var(--alpha-night-0);
            --stroke-select-bonus-custom-item-selected: var(--neutral-night-normal-100);
            --stroke-select-bonus-custom-item-disabled: var(--alpha-night-0);
            --xs: 4;
            --sm: 6;
            --md: 8;
            --lg: 10;
            --xl: 12;
            --xxl: 16;
            --xxxl: 30;
            --button_sm: var(--xxxl);
            --button_md: var(--xxxl);
            --button_lg: var(--xxxl);
            --input_lg: var(--xxxl);
            --select_lg: var(--xxxl);
            --search_md: var(--xxxl);
            --search_lg: var(--xxxl);
            --tab_md: var(--md);
            --chips_md: var(--md);
            --badge_card_game_xs: var(--xs);
            --banner_md: var(--md);
            --card_game_md: var(--md);
            --timer_xs: var(--xs);
            --vidget_tournament_md: var(--md);
            --card_tournament_xxl: var(--xxl);
            --card_category_md: var(--md);
            --card_provider_md: var(--md);
            --card_platform_md: var(--md);
            --placeholder_card_game_md: var(--md);
            --creeping_line_card_md: var(--md);
            --payment_item_md: var(--md);
            --line_payments_footer_md: var(--md);
            --help_center_md: var(--md);
            --menu_item_md: var(--md);
            --alert_md: var(--md);
            --accordion_md: var(--md);
            --row_leaderboard_md: var(--md);
            --select_head_lg: var(--xxxl);
            --card_page_md: var(--md);
            --wallet_xl: var(--xl);
            --popup_xxl: var(--xxl);
            --modal_xxl: var(--xxl);
            --card_notification_xl: var(--xl);
            --card_article_xl: var(--xl);
            --notification_center_xl: var(--xl);
            --component: true;
            --component-inverted: true;
            --component-custom: true;
        }

        /* Variables */

        :root {
            --headerHeight: 48px;
            --headerContentHeight: 48px;
            --tabBarHeight: 68px;
            --pageNavHeight: 64px;
            --contentMaxWidth: 1280px;
            --sidebarWidth: 240px;
            --sidebarMaxHeight: 468px;
            --pageDesktopWidth-tablet: min( 880px, calc(100vw - var(--sidebarWidth) - 32px));
            --pageDesktopWidth-s-laptop: min( 880px, calc(100vw - var(--sidebarWidth) - 80px));
            --pageDesktopWidth-s-desktop: min(1120px, calc(100vw - var(--sidebarWidth)));
            --pageDesktopWidth-desktop: min(1200px, calc(100vw - var(--sidebarWidth)));
            --primary-font-family: Lexend;
            --headerIndex: 999;
            --sidebarIndex: 800;
            --game-card-aspect-ratio: 1 / 1.31;
            --gameFrameFooterHeight: 62px;
            --gameFrameTopSpace: 130px;
            --object-fit-banner-image: contain;
            --aspect-ratio: calc(16 / 9);
            --aspect-ratio-spribe: calc(13 / 8);
            --aspect-ratio-banner-image-desktop: calc(28.7 / 10);
            --aspect-ratio-banner-image-tablet: calc(1.6 / 1);
            --aspect-ratio-banner-image-mobile: calc(9.5 / 10);
            --spribe-frame-height: 800px;
            --background-devider-line-gradient: linear-gradient( 90deg, #a4bfe2 0%, #5a697c 50%, #a4bfe2 100%);
            --registrationTextMargin: 0 auto;
            --otp-width: 48px;
            --profileLayoutDesktopWidth: 1072px;
            --game-cards-line-desktop: 6;
            --game-cards-line-laptop: 5;
            --game-cards-line-tablet: 5;
            --game-cards-line-h-mobile: 4;
            --game-cards-line-l-mobile: 3;
            --toastIndex: 99999999999;
            --modal-box-shadow-color: rgba(25, 21, 69, 1);
            --wheel-aspect-ratio: 0.792;
        }

        @media screen and (min-width: 768px) {
            :root {
                --headerHeight: 88px;
                --headerContentHeight: 72px;
                --wheel-aspect-ratio: 0.428;
            }
        }

/* ---------- boundary ---------- */

#browser-fallback {
            display: none;
        }

        html[data-unsupported-browser] #browser-fallback {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
            padding: 32px 16px;
            background-color: var(--background-surface-stage-1, #0f1923);
            font-family: sans-serif;
            box-sizing: border-box;
        }

        html[data-unsupported-browser] #browser-fallback-inner {
            max-width: 550px;
            text-align: center;
        }

        html[data-unsupported-browser] #browser-fallback-title {
            font-size: 24px;
            font-weight: 700;
            color: var(--content-primary, #ffffff);
            margin: 0 0 16px;
        }

        html[data-unsupported-browser] #browser-fallback-text {
            font-size: 16px;
            color: var(--content-primary, #ffffff);
            opacity: 0.7;
            margin: 0 0 24px;
            line-height: 1.5;
        }

        html[data-unsupported-browser] body>*:not(#browser-fallback) {
            display: none !important;
        }

/* ---------- boundary ---------- */

/* Content wrappers — sidebar removed, expand full width */
.MainLayout_sidebar__J_WK3{display:none!important}
.MainLayout_mainLayout__oGF2q,.MainLayout_content__NFfZp,.MainLayout_page__tpddH{
  max-width:100%!important;width:100%!important;margin:0!important;padding:0!important;
  grid-template-columns:1fr!important;
}
.ui_root___sx6_{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important}
.ui_root__NJleE{max-width:1400px!important;width:100%!important;margin:0 auto!important;padding:0 24px!important}
.ui_root__bPcuW{max-width:100%!important;width:100%!important}
/* Game tile — abs image fills its container */
.ui_main__BAEOj{position:relative!important;overflow:hidden;min-height:180px}
.ui_main__BAEOj .ui_overlay__gIvyA{position:relative;z-index:2}
.vn-tile-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;border-radius:8px}
/* Kill Casino/Sportwetten dropdown clutter (native SPA nav) */
/* NAVBAR under header */
.vn-navbar{background:#0e1116;border-bottom:1px solid rgba(255,255,255,.08);padding:10px 24px}
.vn-navbar .vn-nav-pills{display:flex;gap:8px;flex-wrap:nowrap;justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:1400px;margin:0 auto}
.vn-navbar .vn-nav-pills::-webkit-scrollbar{display:none}
.vn-navbar .vn-nav-select{display:none;width:100%;padding:10px 14px;border-radius:8px;background:#1a1e26;color:#fff;border:1px solid rgba(255,255,255,.1);font-size:15px}
.vn-nav-pill{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;background:#1a1e26;color:#eaeaea;font-weight:500;font-size:14px;text-decoration:none;border:1px solid rgba(255,255,255,.05);white-space:nowrap;flex:0 0 auto}
.vn-nav-pill:hover{background:#242830;color:#fff}
.vn-nav-active{background:linear-gradient(180deg,#f4b400,#f0851a)!important;color:#111!important;border-color:transparent!important}
@media(max-width:900px){
  .vn-navbar{padding:8px 12px}
  .vn-navbar .vn-nav-pills{display:none}
  .vn-navbar .vn-nav-select{display:block}
}
@media(max-width:640px){
  .ui_root__NJleE{padding:0 10px!important}
}

/* ---------- boundary ---------- */

:root{--vn-accent:#f4b400;--vn-accent-2:#f0851a;--vn-bg:#101318;--vn-panel:#1a1e26;--vn-line:rgba(255,255,255,.08);--vn-text:#eaeaea}
/* Nav in header (pill on desktop, select on mobile) */
.vn-nav{width:100%}
.vn-nav-pills{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.vn-nav-select{display:none}
.vn-nav-pill{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;background:#1a1e26;color:#eaeaea;font-weight:500;font-size:14px;text-decoration:none;border:1px solid rgba(255,255,255,.05);transition:all .15s ease;white-space:nowrap}
.vn-nav-pill:hover{background:#242830;color:#fff}
.vn-nav-pill.vn-nav-active{background:linear-gradient(180deg,#f4b400,#f0851a);color:#111;border-color:transparent}
@media (max-width:900px){
  .vn-nav-pills{display:none}
  .vn-nav-select{display:block;width:100%;padding:10px 14px;border-radius:8px;background:#1a1e26;color:#fff;border:1px solid rgba(255,255,255,.1);font-size:15px;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#f4b400 50%),linear-gradient(135deg,#f4b400 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
}
/* SEO block */
.vn-seo{max-width:1400px!important;margin:32px auto!important;padding:32px 24px!important}
.vn-seo .vn-h1{font-size:28px;line-height:1.2;margin:0 0 14px;color:#fff}
.vn-hero-lead{font-size:16px;line-height:1.6;color:#c9c9c9;margin:0 0 22px;padding:14px 18px;border-left:3px solid var(--vn-accent);background:rgba(255,255,255,.03);border-radius:0 8px 8px 0}
.vn-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;background:linear-gradient(90deg,rgba(244,180,0,.12),rgba(240,133,26,.05));border:1px solid rgba(244,180,0,.25);border-radius:12px;padding:16px 20px;margin:0 0 24px}
.vn-cta-text{font-weight:600;color:#fff;font-size:16px;flex:1;min-width:220px}
.vn-cta-buttons{display:flex;gap:10px;flex-wrap:wrap}
.vn-cta-btn{display:inline-flex;align-items:center;padding:10px 22px;border-radius:8px;text-decoration:none;font-weight:600;font-size:15px;transition:all .15s}
.vn-cta-primary{background:linear-gradient(180deg,#f4b400,#f0851a);color:#111}
.vn-cta-primary:hover{filter:brightness(1.1)}
.vn-cta-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2)}
.vn-cta-secondary:hover{background:rgba(255,255,255,.06)}
.vn-toc{background:rgba(255,255,255,.04);border:1px solid var(--vn-line);border-radius:10px;padding:14px 18px;margin:0 0 28px}
.vn-toc-title{font-size:15px;font-weight:600;color:#fff;margin:0 0 8px}
.vn-toc ol{margin:0;padding-left:22px;line-height:1.8;font-size:14px}
.vn-toc a{color:var(--vn-accent);text-decoration:none}
.vn-toc a:hover{text-decoration:underline}
.vn-seo .vn-h2{font-size:22px;color:#fff;margin:32px 0 12px;line-height:1.3}
.vn-seo .vn-h3{font-size:17px;color:#fff;margin:20px 0 8px}
.vn-seo .vn-sec{text-align:justify;line-height:1.65;font-size:15px;color:#d0d0d0}
.vn-seo .vn-sec p{margin:0 0 12px;text-align:justify}
.vn-seo .vn-sec ul,.vn-seo .vn-sec ol{padding-left:22px;line-height:1.75;margin:0 0 14px}
.vn-seo .vn-sec table{width:100%;border-collapse:collapse;margin:14px 0;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.vn-seo .vn-sec th,.vn-seo .vn-sec td{padding:9px 12px;border:1px solid var(--vn-line);text-align:left}
.vn-seo .vn-sec th{background:rgba(244,180,0,.08);color:#fff}
.vn-seo p{color:#d0d0d0}
.vn-seo a{color:var(--vn-accent)}
.vn-seo strong{color:#fff}
/* Footer */
.vn-footer{margin:48px auto 0;padding:32px 24px 24px;text-align:center;color:#a0a0a0;font-size:13px;line-height:1.6;max-width:1400px;border-top:1px solid var(--vn-line)}
.vn-footer a{color:var(--vn-accent);text-decoration:none;margin:0 8px}
@media (max-width:640px){
  .vn-seo{padding:18px 14px 32px;margin:20px 12px}
  .vn-seo .vn-h1{font-size:22px}
  .vn-seo .vn-h2{font-size:19px}
  .vn-seo .vn-h3{font-size:16px}
  .vn-seo .vn-sec{font-size:14.5px}
  .vn-cta{padding:14px}
  .vn-cta-text{font-size:15px}
}

/* Hero horizontal strip — override native overflow:hidden */
.ui_track__BjqI2{overflow:visible!important}
.ui_slides__crZpq.ui_slides__crZpq{
  overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;transition:none!important;
  gap:12px;padding:0 8px 12px;
}
.ui_slides__crZpq::-webkit-scrollbar{display:none;height:0}
.ui_slide__fht9Q{flex:0 0 92%!important;width:92%!important;padding:0!important;scroll-snap-align:start}
@media(min-width:900px){.ui_slide__fht9Q{flex:0 0 60%!important;width:60%!important}}
@media(min-width:1280px){.ui_slide__fht9Q{flex:0 0 45%!important;width:45%!important}}
.ui_image__qjqS6{width:100%!important;height:auto!important;aspect-ratio:22/7;object-fit:cover;border-radius:12px;display:block}
.ui_dots__4_DUX{display:none!important}
.ui_root__t_UQD{position:relative!important}
.ui_arrows__W9pbe{display:flex!important;gap:8px;position:absolute;top:40%;left:0;right:0;justify-content:space-between;padding:0 8px;z-index:5;pointer-events:none}
.ui_arrows__W9pbe button{pointer-events:auto;background:rgba(0,0,0,.55);color:#fff;border:0;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:20px}

/* ---------- boundary ---------- */

.vn-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:12px;background:#0e1116;border-bottom:1px solid rgba(255,255,255,.08);padding:10px 20px;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.vn-header-logo{flex-shrink:0;display:block}
.vn-header-logo img{height:44px;width:auto;display:block}
.vn-header-nav{flex:1;display:flex;justify-content:center;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-width:0}
.vn-header-nav::-webkit-scrollbar{display:none}
.vn-pill{flex:0 0 auto;padding:8px 14px;border-radius:999px;background:#1a1e26;color:#eaeaea;font-weight:500;font-size:13px;text-decoration:none;border:1px solid rgba(255,255,255,.06);white-space:nowrap;transition:all .15s}
.vn-pill:hover{background:#242830;color:#fff}
.vn-pill-active{background:linear-gradient(180deg,#f4b400,#f0851a);color:#111;border-color:transparent}
.vn-header-cta{display:flex;gap:8px;flex-shrink:0}
.vn-btn{display:inline-flex;align-items:center;padding:8px 16px;border-radius:8px;text-decoration:none;font-weight:600;font-size:13px;white-space:nowrap;border:1px solid transparent}
.vn-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.2)}
.vn-btn-ghost:hover{background:rgba(255,255,255,.08)}
.vn-btn-primary{background:linear-gradient(180deg,#f4b400,#f0851a);color:#111}
.vn-btn-primary:hover{filter:brightness(1.1)}
.vn-header-select{display:none;padding:8px 10px;border-radius:8px;background:#1a1e26;color:#fff;border:1px solid rgba(255,255,255,.1);font-size:13px;max-width:160px;flex:1;min-width:0;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#f4b400 50%),linear-gradient(135deg,#f4b400 50%,transparent 50%);background-position:calc(100% - 15px) 55%,calc(100% - 10px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:26px}
@media(max-width:960px){
  .vn-header{padding:8px 12px;gap:8px}
  .vn-header-logo img{height:36px}
  .vn-header-nav{display:none}
  .vn-header-select{display:block}
  .vn-btn{padding:7px 12px;font-size:12px}
}
@media(max-width:400px){
  .vn-header-select{max-width:110px;font-size:12px}
  .vn-btn{padding:6px 10px;font-size:11px}
  .vn-btn-ghost{display:none}
}
.vn-navbar{display:none!important}

/* ---------- boundary ---------- */

/* Categories row — distribute evenly across full width when fits */
.ui_list_template_1__vxwtD{
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 4px!important;
  width:100%!important;
}
.ui_list_template_1__vxwtD > *{
  flex:1 1 0!important;
  min-width:0!important;
  max-width:none!important;
}
@media(max-width:900px){
  .ui_list_template_1__vxwtD{
    justify-content:flex-start!important;
    gap:8px!important;
  }
  .ui_list_template_1__vxwtD > *{
    flex:0 0 auto!important;
    min-width:100px!important;
  }
}

/* ---------- boundary ---------- */

.vn-hero{position:relative;max-width:1400px;margin:20px auto;padding:0 24px;overflow:hidden}
.vn-hero-viewport{overflow:hidden;border-radius:14px;position:relative}
.vn-hero-track{display:flex;flex-wrap:nowrap;transition:transform .55s cubic-bezier(.4,0,.2,1);will-change:transform}
.vn-hero-slide{flex:0 0 100%;min-width:100%;height:clamp(180px,32vw,460px);background-size:cover;background-position:center;background-repeat:no-repeat;display:block;text-decoration:none}
.vn-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:background .15s}
.vn-hero-arrow:hover{background:rgba(0,0,0,.85)}
.vn-hero-prev{left:34px}
.vn-hero-next{right:34px}
.vn-hero-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:6px;background:rgba(0,0,0,.35);border-radius:999px;padding:6px 10px;z-index:5}
.vn-hero-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);border:0;cursor:pointer;padding:0;transition:all .2s}
.vn-hero-dot.active{background:#f4b400;width:22px;border-radius:6px}
@media(max-width:640px){
  .vn-hero{padding:0 12px;margin:12px auto}
  .vn-hero-arrow{width:34px;height:34px;font-size:18px}
  .vn-hero-prev{left:20px}
  .vn-hero-next{right:20px}
  .vn-hero-dots{bottom:8px;padding:4px 8px}
}
/* Kill native hero */
.ui_root__t_UQD,.ui_root__bPcuW{display:none!important}

/* ---------- boundary ---------- */

/* Mobile header — everything fits: logo + dropdown + Anmelden + Registrieren */
@media(max-width:960px){
  .vn-header{padding:8px 10px!important;gap:6px!important}
  .vn-header-logo img{height:32px!important}
  .vn-header-nav{display:none!important}
  .vn-header-select{display:block!important;flex:1 1 auto!important;max-width:none!important;min-width:0!important;font-size:12px!important;padding:6px 22px 6px 8px!important;height:32px!important;background-position:calc(100% - 12px) 55%,calc(100% - 8px) 55%!important}
  .vn-header-cta{gap:5px!important;flex-shrink:0!important}
  .vn-header .vn-btn{padding:6px 10px!important;font-size:12px!important;line-height:1!important;font-weight:700!important;height:32px!important;display:inline-flex!important;align-items:center!important}
  .vn-header .vn-btn-ghost{display:inline-flex!important;background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important}
  .vn-header .vn-btn-primary{color:#000!important;text-shadow:none!important;font-weight:800!important}
}
@media(max-width:420px){
  .vn-header{padding:6px 8px!important;gap:4px!important}
  .vn-header-logo img{height:28px!important}
  .vn-header-select{font-size:11px!important;padding:5px 18px 5px 6px!important;height:28px!important}
  .vn-header .vn-btn{padding:5px 8px!important;font-size:11px!important;height:28px!important}
}
/* SEO CTA buttons — high-contrast readable text */
.vn-cta-btn.vn-cta-primary,.vn-cta-primary{
  color:#0a0a0a!important;text-shadow:none!important;font-weight:800!important;letter-spacing:.3px;
  background:linear-gradient(180deg,#f4b400,#f0851a)!important;border:0!important
}
.vn-cta-btn.vn-cta-secondary,.vn-cta-secondary{
  color:#fff!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.35)!important;font-weight:700!important;text-shadow:none!important
}

/* ---------- boundary ---------- */

@media(max-width:960px){
  .vn-header-logo{flex-shrink:1;min-width:0}
  .vn-header-logo img{height:26px!important;max-width:100px;object-fit:contain;object-position:left center}
  .vn-header-select{flex:1 1 0!important;min-width:80px!important;text-overflow:ellipsis;font-size:12px!important}
}
@media(max-width:420px){
  .vn-header-logo img{height:22px!important;max-width:70px}
  .vn-header-select{font-size:11px!important;min-width:70px!important}
}

/* ---------- boundary ---------- */

.vn-faq-list{display:flex;flex-direction:column;gap:10px;margin:16px 0}
.vn-faq-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;transition:all .2s}
.vn-faq-item[open]{background:rgba(244,180,0,.06);border-color:rgba(244,180,0,.25)}
.vn-faq-item summary{padding:14px 46px 14px 18px;cursor:pointer;font-weight:600;color:#fff;font-size:15px;line-height:1.4;position:relative;list-style:none;user-select:none}
.vn-faq-item summary::-webkit-details-marker{display:none}
.vn-faq-item summary::marker{display:none}
.vn-faq-item summary::after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:24px;line-height:1;color:#f4b400;font-weight:400;transition:transform .2s}
.vn-faq-item[open] summary::after{content:'−'}
.vn-faq-item summary:hover{background:rgba(255,255,255,.02)}
.vn-faq-a{padding:0 18px 16px;color:#d0d0d0;font-size:14.5px;line-height:1.65;text-align:justify}
.vn-faq-a p{margin:0}
@media(max-width:640px){
  .vn-faq-item summary{padding:12px 40px 12px 14px;font-size:14px}
  .vn-faq-a{padding:0 14px 12px;font-size:14px}
}

/* ---------- boundary ---------- */

.vn-footer{background:linear-gradient(180deg,#0e1116,#080a0e);border-top:1px solid rgba(255,255,255,.08);margin:56px 0 0!important;padding:44px 24px 20px!important;max-width:none!important;color:#a0a0a0!important;text-align:left!important}
.vn-footer-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.06)}
.vn-footer-brand{padding-right:20px}
.vn-footer-logo{display:inline-block;margin-bottom:14px}
.vn-footer-logo img{height:42px;width:auto}
.vn-footer-tag{margin:0 0 16px;font-size:13.5px;line-height:1.55;color:#9a9a9a}
.vn-footer-badges{display:flex;gap:8px;flex-wrap:wrap}
.vn-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.4px}
.vn-badge-18{background:#c81616;color:#fff}
.vn-badge-license{background:rgba(244,180,0,.15);color:#f4b400;border:1px solid rgba(244,180,0,.35)}
.vn-footer-title{margin:0 0 14px;font-size:14px;font-weight:700;color:#fff;letter-spacing:.4px;text-transform:uppercase}
.vn-footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.vn-footer-links a{color:#c0c0c0;text-decoration:none;font-size:14px;transition:color .15s;display:inline-flex;align-items:center;gap:6px}
.vn-footer-links a:hover{color:#f4b400}
.vn-footer-links a::before{content:'›';color:#f4b400;opacity:.65;font-weight:700}
.vn-footer-links a:hover::before{opacity:1}
.vn-footer-info span{color:#9a9a9a;font-size:13px;line-height:1.5}
.vn-footer-tag-line{display:inline-flex;align-items:center;gap:8px}
.vn-footer-bottom{max-width:1400px;margin:0 auto;padding:20px 0 0;text-align:center}
.vn-footer-copy{margin:0;font-size:12.5px;color:#7f7f7f;line-height:1.6}
@media(max-width:900px){
  .vn-footer-inner{grid-template-columns:1fr 1fr;gap:28px 20px}
  .vn-footer-brand{grid-column:1/-1;padding-right:0}
}
@media(max-width:520px){
  .vn-footer{padding:32px 16px 16px!important}
  .vn-footer-inner{grid-template-columns:1fr;gap:24px}
  .vn-footer-logo img{height:36px}
  .vn-footer-tag{font-size:13px}
  .vn-footer-title{font-size:13px}
  .vn-footer-links a{font-size:13.5px}
}

/* ---------- boundary ---------- */

.vn-mmenu{display:none;position:relative;flex:1 1 auto;min-width:0}
.vn-mmenu-trigger{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 12px;background:linear-gradient(180deg,#22262f,#1a1e26);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:12px;font-weight:600;min-height:32px;transition:all .15s;user-select:none}
.vn-mmenu-trigger::-webkit-details-marker{display:none}
.vn-mmenu-trigger::marker{display:none}
.vn-mmenu-trigger:hover{background:#2a2f3a}
.vn-mmenu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.vn-mmenu-chev{transition:transform .2s;flex-shrink:0;color:#f4b400}
.vn-mmenu[open] .vn-mmenu-chev{transform:rotate(180deg)}
.vn-mmenu[open] .vn-mmenu-trigger{background:#2a2f3a;border-color:rgba(244,180,0,.35);color:#f4b400}
.vn-mmenu-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:200px;background:#12151b;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:3px;box-shadow:0 8px 28px rgba(0,0,0,.55);z-index:200;animation:vn-mmenu-in .18s ease-out}
@keyframes vn-mmenu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.vn-mmenu-item{display:block;padding:9px 12px;border-radius:6px;color:#e0e0e0;text-decoration:none;font-size:13.5px;font-weight:500;transition:all .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vn-mmenu-item:hover{background:rgba(255,255,255,.06);color:#fff}
.vn-mmenu-active{background:linear-gradient(180deg,#f4b400,#f0851a)!important;color:#111!important;font-weight:700!important}
.vn-mmenu-active:hover{filter:brightness(1.05)}

/* Show on mobile, hide native select + desktop pills */
@media(max-width:960px){
  .vn-mmenu{display:block!important}
  .vn-header-select{display:none!important}
  .vn-header-nav{display:none!important}
}

/* ---------- boundary ---------- */

@media(max-width:960px){
  .vn-header{gap:8px!important;padding:8px 12px!important}
  .vn-header-logo{flex:0 0 auto;min-width:0}
  .vn-header-logo img{height:38px!important;max-width:140px!important}
  /* Dropdown — compact */
  .vn-mmenu{flex:0 1 auto!important;min-width:120px!important;max-width:150px!important}
  .vn-mmenu-trigger{padding:6px 10px!important;font-size:12px!important;min-height:32px!important;background:linear-gradient(180deg,#22262f,#1a1e26)!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important}
  .vn-mmenu[open] .vn-mmenu-trigger{background:#2a2f3a!important;color:#fff!important;border-color:rgba(244,180,0,.35)!important}
}
@media(max-width:420px){
  .vn-header{gap:6px!important;padding:6px 8px!important}
  .vn-header-logo img{height:34px!important;max-width:100px!important}
  .vn-mmenu{min-width:90px!important;max-width:120px!important}
  .vn-mmenu-trigger{padding:5px 8px!important;font-size:11px!important;min-height:28px!important}
}
@media(max-width:360px){
  .vn-header-logo img{height:30px!important;max-width:75px!important}
  .vn-mmenu{min-width:75px!important;max-width:95px!important}
}

/* ---------- boundary ---------- */

/* Hero — classic single-slide slider, image fills full slide via cover */
.ui_root__t_UQD{position:relative!important;width:100%!important;max-width:100%!important}
.ui_track__BjqI2{overflow:hidden!important;position:relative;width:100%!important;height:auto!important}
.ui_slides__crZpq.ui_slides__crZpq{
  display:flex!important;flex-wrap:nowrap!important;
  overflow:hidden!important;
  transition:transform .5s ease!important;
  gap:0!important;padding:0!important;margin:0!important;
  width:100%!important;max-width:100%!important;
  scroll-snap-type:none!important;
}
.ui_slide__fht9Q{
  flex:0 0 100%!important;width:100%!important;
  min-width:100%!important;
  padding:0!important;margin:0!important;
  scroll-snap-align:none!important;
  position:relative;
}
.ui_slide__fht9Q a,.ui_slide__fht9Q > *{display:block;width:100%}
.ui_image__qjqS6{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:cover!important;
  border-radius:12px;
  aspect-ratio:auto!important;
}
.ui_dots__4_DUX{display:flex!important;position:absolute;bottom:14px;left:50%;transform:translateX(-50%);gap:6px;list-style:none;padding:6px 10px;margin:0;z-index:6;background:rgba(0,0,0,.35);border-radius:999px}
.ui_dots__4_DUX li{list-style:none;padding:0;margin:0}
.ui_dots__4_DUX button{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);border:0;cursor:pointer;padding:0;transition:all .2s}
.ui_dots__4_DUX .glide__bullet--active button,.ui_dots__4_DUX li.active button{background:#f4b400;width:22px;border-radius:6px}
.ui_arrows__W9pbe{display:flex!important;position:absolute;top:50%;left:0;right:0;justify-content:space-between;padding:0 12px;z-index:5;pointer-events:none;transform:translateY(-50%);margin:0}
.ui_arrows__W9pbe button{pointer-events:auto;background:rgba(0,0,0,.55);color:#fff;border:0;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:22px;line-height:1;padding:0}
.ui_arrows__W9pbe button:hover{background:rgba(0,0,0,.8)}
@media(max-width:640px){
  .ui_arrows__W9pbe button{width:34px;height:34px;font-size:16px}
  .ui_dots__4_DUX{bottom:8px;padding:4px 8px}
}