:root {
    --modern-bg: #050918;
    --modern-line: rgba(116, 129, 255, 0.22);
    --modern-text: #edf0ff;
    --modern-muted: #9aa6c8;
    --modern-accent: #7658ff;
    --modern-accent-2: #4d83ff;
    --modern-green: #55e7a1;
    --modern-white: #fff;
    --modern-blue-light: #5c9aff;
    --modern-magenta: #c45cff;
    --modern-lilac: #8e73ff;
    --modern-lilac-bright: #9d8bff;
    --modern-cyan: #62c8ff;
    --modern-mint: #83e3b0;
    --modern-green-bright: #72f0bd;
    --modern-green-light: #9bffdb;
    --modern-surface-dark: #080f23;
    --modern-border-accent: rgba(126, 109, 255, 0.3);
    --modern-border-accent-soft: rgba(126, 109, 255, 0.14);
    --modern-border-blue-soft: rgba(77, 131, 255, 0.16);
    --modern-glow-violet: rgba(118, 88, 255, 0.14);
    --modern-glow-violet-soft: rgba(118, 88, 255, 0.13);
    --modern-glow-violet-strong: rgba(118, 88, 255, 0.2);
    --modern-glow-blue: rgba(77, 131, 255, 0.18);
    --modern-glow-blue-strong: rgba(77, 131, 255, 0.2);
    --modern-glow-purple: rgba(83, 66, 213, 0.18);
    --modern-border-blue: rgba(89, 112, 219, 0.3);
    --modern-glow-green: rgba(85, 231, 161, 0.18);
    --modern-glow-cyan: rgba(40, 155, 221, 0.16);
    --modern-focus-ring: rgba(118, 88, 255, 0.22);
    --modern-gradient-primary: linear-gradient(110deg, var(--modern-accent), var(--modern-accent-2));
    --modern-gradient-accent: linear-gradient(110deg, var(--modern-accent), var(--modern-accent-2));
    --modern-gradient-heading: linear-gradient(100deg, var(--modern-lilac), var(--modern-magenta) 70%, var(--modern-blue-light));
}
html {
    scroll-behavior: smooth;
    scrollbar-gutter: stable;
}
body.modal-open {
    padding-right: 0 !important;
}
.modern_home,
.modern_site {
    background: var(--modern-bg);
    color: var(--modern-text);
    font-family: 'DM Sans', sans-serif;
}
.modern_home * {
    box-sizing: border-box;
}
.modern_home a,
.modern_site a {
    color: inherit;
    text-decoration: none !important;
}
.modern_home a:hover,
.modern_home a:focus,
.modern_home a:active,
.modern_site a:hover,
.modern_site a:focus,
.modern_site a:active {
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
}
.modern_home button:not(.modern_game_float):focus,
.modern_site button:not(.modern_game_float):focus {
    outline: none !important;
    box-shadow: none !important;
}
.modern_home p,
.modern_site p {
    color: var(--modern-muted);
    line-height: 1.7;
}
.modern_section {
    position: relative;
    padding: 96px 0;
    overflow: hidden;
    border-top: 1px solid rgba(111, 128, 234, 0.12);
}
.modern_about_hero {
    position: relative;
    overflow: hidden;
    padding-top: 150px;
    padding-bottom: 82px;
    background:
        radial-gradient(circle at 86% 10%, var(--modern-glow-blue), transparent 34%),
        radial-gradient(circle at 8% 90%, var(--modern-glow-purple), transparent 38%),
        var(--modern-bg);
}
.modern_about_hero_background_icons {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}
.modern_about_hero_background_code {
    position: absolute;
    top: 10%;
    left: 10%;
    color: rgba(45, 65, 190, 0.2);
    font-size: clamp(180px, 22vw, 320px);
    font-weight: 900;
    line-height: 1;
    opacity: 0.72;
    transform: rotate(-2deg);
}
.modern_about_hero_background_users {
    position: absolute;
    right: 5%;
    bottom: 18%;
    color: rgba(45, 65, 190, 0.18);
    font-size: 280px;
    line-height: 1;
    opacity: 0.32;
    transform: rotate(3deg);
}
.modern_about_hero_background_caption {
    position: absolute;
    top: 49%;
    right: 8%;
    color: rgba(184, 190, 255, 0.78);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.18em;
    white-space: nowrap;
}
.modern_about_hero_heading {
    position: relative;
    z-index: 1;
    max-width: 830px;
}
.modern_about_section_heading h2 span {
    color: var(--modern-lilac);
    background: var(--modern-gradient-heading);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.modern_about_hero_heading > p {
    max-width: 700px;
    margin: 0;
    font-size: 15px;
}
.modern_about_highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}
.modern_about_highlights .modern_games_stat {
    min-width: 190px;
}
.modern_about_timeline_section {
    background: var(--modern-surface-dark);
}
.modern_about_section_heading {
    max-width: 650px;
    margin-bottom: 54px;
}
.modern_about_section_heading h2 {
    margin: 16px 0 14px;
    color: var(--modern-text);
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 600;
    line-height: 1.1;
}
.modern_about_section_heading p {
    max-width: 560px;
    margin: 0;
    font-size: 14px;
}
.modern_about_timeline {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
}
.modern_about_timeline_item {
    position: relative;
    display: grid;
    grid-template-columns: 156px minmax(0, 1fr);
    gap: 34px;
    min-height: 198px;
    padding-bottom: 42px;
}
.modern_about_timeline_item:not(.modern_about_timeline_item_future) { --timeline-accent: var(--modern-lilac); }
.modern_about_timeline_item_future { --timeline-accent: var(--modern-lilac); }
.modern_about_timeline_item:not(:last-child)::before {
    position: absolute;
    top: 78px;
    bottom: 22px;
    left: 77px;
    width: 1px;
    background: linear-gradient(var(--timeline-accent), color-mix(in srgb, var(--timeline-accent) 22%, transparent));
    content: "";
}
.modern_about_timeline_item:not(:last-child)::after {
    position: absolute;
    bottom: 18px;
    left: 70.5px;
    z-index: 1;
    width: 15px;
    height: 15px;
    background: var(--timeline-accent);
    border: 3px solid var(--modern-surface-dark);
    border-radius: 50%;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--timeline-accent) 26%, transparent);
    content: "";
}
.modern_about_timeline_item:last-child {
    padding-bottom: 0;
}
.modern_about_timeline_marker {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: start;
    width: 78px;
    height: 78px;
    margin: 0 auto;
    color: color-mix(in srgb, var(--timeline-accent) 34%, white);
    background: linear-gradient(135deg, color-mix(in srgb, var(--timeline-accent) 52%, transparent) 0%, color-mix(in srgb, var(--timeline-accent) 32%, transparent) 100%);
    border: 1px solid var(--timeline-accent);
    border-radius: 50%;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.02em;
}
.modern_about_timeline_content {
    padding: 3px 0 0;
}
.modern_about_timeline_label {
    color: var(--timeline-accent, var(--modern-cyan));
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.modern_about_timeline_content h3 {
    margin: 8px 0 9px;
    color: var(--modern-text);
    font-size: 22px;
    font-weight: 600;
}
.modern_about_timeline_content p {
    max-width: 650px;
    margin: 0;
    color: #9da9ca;
    font-size: 13px;
    line-height: 1.8;
}
.modern_about_timeline_item_future .modern_about_timeline_marker {
    flex-direction: column;
    gap: 0;
    color: var(--timeline-accent);
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 18px;
}
.modern_about_team_section {
    background:
        radial-gradient(circle at 100% 20%, var(--modern-glow-blue), transparent 30%),
        var(--modern-bg);
}
.modern_about_team_heading {
    margin-bottom: 34px;
}
.modern_about_team_grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}
.modern_about_team_card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 24px 22px;
    background: rgba(255, 255, 255, 0.018);
    border: 1px solid rgba(89, 112, 219, 0.18);
    border-radius: 15px;
}
.modern_about_team_card_murga {
    border-color: rgba(157, 139, 255, 0.36);
}
.modern_about_team_card_duster {
    border-color: rgba(255, 92, 82, 0.36);
}
.modern_about_team_card_d0sd3 {
    border-color: rgba(85, 231, 161, 0.36);
}
.modern_about_team_card_nerprun {
    border-color: rgba(58, 132, 255, 0.42);
}
.modern_about_team_card .modern_about_team_role {
    position: absolute;
    top: 24px;
    right: 22px;
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin: 0 !important;
    gap: 8px;
    padding: 5px 8px;
    border: 0;
    border-radius: 30px;
    color: var(--modern-lilac-bright) !important;
    background: rgba(93, 76, 221, 0.15);
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.09em !important;
    line-height: 13.5px !important;
    text-transform: uppercase;
}
.modern_about_team_card > div:not(.modern_about_avatar) {
    min-width: 0;
}
.modern_about_team_card > div:nth-child(3) {
    margin-top: 18px;
}
.modern_about_avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border: 1px solid rgba(157, 139, 255, 0.5);
    border-radius: 50%;
    color: var(--modern-white);
    background: linear-gradient(135deg, rgba(118, 88, 255, 0.7), rgba(77, 131, 255, 0.3));
    font-size: 22px;
    font-weight: 600;
}
.modern_about_avatar_murga {
    color: #d4c7ff;
    background: linear-gradient(135deg, rgba(118, 88, 255, 0.72), rgba(47, 34, 145, 0.52));
}
.modern_about_avatar_duster {
    color: #ffd1ce;
    background: linear-gradient(135deg, rgba(255, 92, 82, 0.68), rgba(177, 61, 113, 0.3));
}
.modern_about_avatar_d0sd3 {
    color: #b8f4d1;
    background: linear-gradient(135deg, rgba(85, 231, 161, 0.62), rgba(38, 157, 135, 0.28));
}
.modern_about_avatar_nerprun {
    color: #b9ddff;
    background: linear-gradient(135deg, rgba(57, 129, 255, 0.74), rgba(22, 59, 153, 0.58));
}
.modern_about_team_card h3 {
    margin: 0;
    color: var(--modern-text);
    font-size: 18px;
    font-weight: 600;
}
.modern_about_team_card span {
    display: block;
    margin-top: 4px;
    color: var(--modern-lilac-bright);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.modern_about_team_card p {
    margin: 18px 0 0;
    color: #97a1c2;
    font-size: 12px;
    line-height: 1.7;
}
.modern_about_team_icons {
    display: flex;
    gap: 18px;
    margin-top: auto;
    padding-top: 22px;
    color: var(--modern-lilac-bright);
    font-size: 15px;
}
.modern_about_team_icons i {
    width: 16px;
    text-align: center;
}
.modern_about_team_card_duster .modern_about_team_role,
.modern_about_team_card_duster .modern_about_team_icons,
.modern_about_team_card_duster h3 + span {
    color: #ff9a91 !important;
}
.modern_about_team_card_d0sd3 .modern_about_team_role,
.modern_about_team_card_d0sd3 .modern_about_team_icons,
.modern_about_team_card_d0sd3 h3 + span {
    color: #8de9b7 !important;
}
.modern_about_team_card_nerprun .modern_about_team_role,
.modern_about_team_card_nerprun .modern_about_team_icons,
.modern_about_team_card_nerprun h3 + span {
    color: #6aa8ff !important;
}
.modern_about_team_card_duster .modern_about_team_role {
    background: rgba(255, 92, 82, 0.14);
}
.modern_about_team_card_d0sd3 .modern_about_team_role {
    background: rgba(85, 231, 161, 0.14);
}
.modern_about_team_card_nerprun .modern_about_team_role {
    background: rgba(57, 129, 255, 0.14);
}
.modern_header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    padding: 24px 0;
    background: rgba(5, 9, 24, 0.62);
    border-bottom: 1px solid rgba(129, 142, 255, 0.1);
    backdrop-filter: blur(16px);
}
.modern_navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    min-height: 48px;
}
.modern_drawer_header .modern_brand {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0;
    color: var(--modern-text);
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}
.modern_brand img {
    display: block;
    width: 42px;
    height: 42px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}
.modern_drawer_header .modern_brand_name > span {
    color: #8f75ff;
}
.modern_navbar .navbar-collapse {
    flex-grow: 0;
}
.modern_drawer_header,
.modern_nav_backdrop,
.modern_drawer_login {
    display: none;
}
@media (min-width: 992px) {
    .modern_navbar .navbar-collapse {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: space-between;
        margin-left: 56px;
    }
}
.modern_menu {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
}
.modern_menu .nav-link {
    padding: 10px 20px;
    color: #b8c1e0;
    font-size: 14px;
    transition: color 0.2s ease;
}
.modern_menu .nav-link:hover,
.modern_menu .active .nav-link {
    color: var(--modern-white);
}
.modern_menu .modern_button {
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}
.navbar-expand-lg .modern_menu .modern_help_button {
    min-height: 40px;
    padding: 5px 15px;
}
.modern_menu .modern_home_button {
    width: 40px;
    min-height: 40px;
    padding: 0;
}
.modern_home_label {
    display: none;
}
.modern_nav_end {
    display: flex;
    align-items: center;
    gap: 18px;
}
.modern_nav_actions {
    display: flex;
    align-items: center;
    gap: 12px;
}
.modern_nav_toggler {
    display: none;
    width: 35px;
    height: 35px;
    padding: 0;
    color: var(--modern-text);
    background: var(--modern-surface-dark);
    border: 1px solid var(--modern-line);
    border-radius: 7px;
    font-size: 15px;
    line-height: 1;
    transition: border-color 180ms ease;
}
.modern_nav_toggler:focus {
    outline: none;
    box-shadow: 0 0 0 3px var(--modern-glow-violet-strong);
}
.modern_login,
.modern_button {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 600;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}
.modern_login {
    height: 40px;
    padding: 0 20px;
    border: 0;
    appearance: none;
    color: var(--modern-white);
    background: var(--modern-gradient-primary);
    box-shadow: 0 8px 24px rgba(118, 88, 255, 0.3);
}
.modern_login:hover,
.modern_button:hover {
    color: var(--modern-white);
    transform: translateY(-2px);
}
.mobile_login_btn {
    display: none;
}
.modern_common_modal .modal-dialog {
    max-width: 470px;
}
.modern_common_modal .modal-content {
    overflow: hidden;
    border: 1px solid var(--modern-border-accent);
    border-radius: 16px;
    color: var(--modern-text);
    background:
        radial-gradient(
            circle at 90% 0%,
            var(--modern-glow-blue-strong),
            transparent 34%
        ),
        var(--modern-surface-dark);
    box-shadow: 0 28px 90px rgba(2, 5, 18, 0.58);
}
.modern_common_modal_close {
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    padding: 0;
    border: 1px solid var(--modern-line);
    border-radius: 7px;
    color: var(--modern-text);
    background: var(--modern-surface-dark);
    font-size: 15px;
    transition: border-color 180ms ease;
}
.modern_site .modern_common_modal_close:hover,
.modern_site .modern_nav_toggler:hover,
.modern_site .modern_drawer_close:hover {
    color: var(--modern-white);
    background: var(--modern-surface-dark);
    border-color: var(--modern-accent);
    transform: none;
    cursor: pointer;
}
.modern_nav_toggler:focus,
.modern_drawer_close:focus,
.modern_common_modal_close:focus {
    outline: none;
    box-shadow: 0 0 0 3px var(--modern-focus-ring);
}
.modern_auth_modal_tabs {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin: 0 0 20px;
    z-index: 0;
    isolation: isolate;
    border: 1px solid rgba(126, 109, 255, 0.2);
    border-radius: 9px;
    background: rgba(5, 9, 24, 0.55);
}
.modern_auth_modal_body {
    padding: 0;
}
.modern_auth_modal_title {
    margin: 7px 30px 18px;
}
.modern_auth_modal_tabs::before {
    position: absolute;
    z-index: 0;
    top: 4px;
    bottom: 4px;
    left: 4px;
    width: calc((100% - 14px) / 2);
    border-radius: 6px;
    background: var(--modern-gradient-primary);
    box-shadow: 0 6px 18px rgba(118, 88, 255, 0.25);
    content: "";
    transition: transform 280ms ease;
}
.modern_auth_modal_tabs.is-register::before {
    transform: translateX(calc(100% + 6px));
}
.modern_auth_modal_tabs button {
    position: relative;
    z-index: 1;
    cursor: pointer;
    padding: 9px 10px;
    border: 0;
    border-radius: 6px;
    color: #909dc1;
    background: transparent;
    font-size: 12px;
    font-weight: 600;
}
.modern_auth_modal_tabs button:hover {
    color: #e9e5ff;
    background: transparent;
}
.modern_auth_modal_tabs button.is-active {
    color: var(--modern-white);
    background: transparent;
}
.modern_auth_panel {
    padding: 0 0 30px;
}
.modern_auth_panels {
    display: grid;
    min-height: 304px;
    overflow: visible;
    transition: height 320ms ease;
}
.modern_auth_panels.is-initial {
    transition: none;
}
.modern_auth_panels.is-initial .modern_auth_panel {
    transition: none;
}
.modern_auth_panel {
    grid-area: 1 / 1;
    align-self: start;
    opacity: 0;
    transform: translateX(18px);
    transition:
        opacity 220ms ease,
        transform 320ms ease;
    pointer-events: none;
}
.modern_auth_panel[hidden] {
    display: block;
}
.modern_auth_panel.is-active {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}
.modern_auth_panels.is-register .modern_auth_panel[data-auth-panel="login"] {
    transform: translateX(-18px);
}
.modern_auth_panels.is-register .modern_auth_panel[data-auth-panel="register"] {
    transform: translateX(18px);
}
.modern_auth_panels.is-register .modern_auth_panel[data-auth-panel="register"].is-active,
.modern_auth_panels:not(.is-register) .modern_auth_panel[data-auth-panel="login"].is-active {
    transform: translateX(0);
}
.modern_common_modal_intro {
    margin: 0 0 18px;
    color: var(--modern-muted);
    font-size: 13px;
}
.modern_auth_form {
    display: grid;
    gap: 14px;
}
.modern_auth_form label {
    display: grid;
    gap: 7px;
    margin: 0;
    color: #bec7e3;
    font-size: 11px;
    font-weight: 600;
}
.modern_auth_form input:not([type="checkbox"]) {
    width: 100%;
    min-height: 43px;
    padding: 0 13px;
    border: 1px solid rgba(126, 109, 255, 0.26);
    border-radius: 8px;
    outline: 0;
    color: #f1f3ff;
    background: rgba(5, 9, 24, 0.76);
    font-size: 13px;
}
.modern_auth_form input:-webkit-autofill,
.modern_auth_form input:-webkit-autofill:hover {
    -webkit-text-fill-color: #f1f3ff;
    -webkit-box-shadow: 0 0 0 1000px rgba(5, 9, 24, 0.76) inset;
    box-shadow: 0 0 0 1000px rgba(5, 9, 24, 0.76) inset;
    transition: background-color 9999s ease-out 0s;
}
.modern_auth_form input:not([type="checkbox"]):focus {
    border-color: rgba(126, 109, 255, 0.75);
    box-shadow: 0 0 0 3px var(--modern-glow-violet);
}
.modern_auth_form input:not([type="checkbox"]):-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 3px var(--modern-glow-violet), 0 0 0 1000px rgba(5, 9, 24, 0.76) inset;
    box-shadow: 0 0 0 3px var(--modern-glow-violet), 0 0 0 1000px rgba(5, 9, 24, 0.76) inset;
}
.modern_auth_form input::placeholder {
    color: #69769d;
}
.modern_auth_form_meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -2px;
    color: #96a2c4;
    font-size: 11px;
}
.modern_auth_form_meta a {
    color: #a9b9ff;
}
.modern_auth_check {
    display: flex !important;
    align-items: center;
    gap: 8px !important;
    color: #96a2c4 !important;
    font-size: 11px !important;
    font-weight: 400 !important;
}
.modern_auth_check input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}
.modern_auth_checkmark {
    position: relative;
    display: inline-flex;
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(143, 126, 255, 0.55);
    border-radius: 50%;
    background: rgba(5, 9, 24, 0.72);
    box-shadow: inset 0 0 8px rgba(118, 88, 255, 0.16);
    pointer-events: none;
    transition:
        border-color 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease;
}
.modern_auth_checkmark::after {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--modern-white);
    box-shadow: 0 0 10px rgba(168, 142, 255, 0.9);
    content: "";
    opacity: 0;
    transform: scale(0.25);
    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
}
.modern_auth_check input:focus-visible + .modern_auth_checkmark {
    outline: 3px solid var(--modern-glow-violet-strong);
}
.modern_auth_check input:checked + .modern_auth_checkmark {
    border-color: #9e83ff;
    background: linear-gradient(135deg, var(--modern-accent), var(--modern-accent-2));
    box-shadow: 0 0 14px rgba(118, 88, 255, 0.42);
}
.modern_auth_check input:checked + .modern_auth_checkmark::after {
    opacity: 1;
    transform: scale(1);
}
.modern_auth_terms {
    display: block !important;
}
.modern_auth_terms_row {
    display: flex;
    align-items: center;
    min-height: 17px;
    gap: 7px;
}
.modern_auth_terms_text {
    display: block;
    margin-top: 7px;
    color: #aab5d5;
    line-height: 1.55;
}
.modern_auth_terms_text a {
    color: #c2b5ff;
}
.modern_auth_submit {
    width: 100%;
    box-sizing: border-box;
    margin-top: 4px;
}
.modern_auth_error {
    display: none;
    margin-bottom: 14px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 118, 148, 0.35);
    border-radius: 7px;
    color: #ffb5c7;
    background: rgba(166, 37, 78, 0.16);
    font-size: 11px;
}
.modern_auth_error.is-visible {
    display: block;
}
.modern_auth_social {
    margin: 22px 0 28px;
    padding-top: 20px;
    border-top: 1px solid rgba(126, 109, 255, 0.16);
    text-align: center;
}
.modern_auth_social > span {
    display: block;
    margin-bottom: 12px;
    color: #7f8caf;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}
.modern_auth_social > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
}
.modern_auth_social button {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    border: 1px solid rgba(126, 109, 255, 0.24);
    border-radius: 8px;
    color: #dce2ff;
    background: rgba(5, 9, 24, 0.62);
    font-size: 11px;
    font-weight: 600;
    transition:
        border-color 0.2s ease,
        background 0.2s ease,
        transform 0.2s ease;
}
.modern_auth_social button:hover {
    border-color: rgba(143, 126, 255, 0.62);
    background: var(--modern-glow-violet);
    transform: translateY(-1px);
}
.modern_auth_social img {
    width: 17px;
    height: 17px;
}
.modern_auth_honeypot {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
}
.modern_hero {
    min-height: 660px;
    display: flex;
    align-items: center;
    padding-top: 150px;
    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(37, 83, 163, 0.14),
            transparent 35%
        ),
        var(--modern-bg);
}
.modern_hero_grid {
    display: grid;
    grid-template-columns: 1fr 1.05fr;
    align-items: center;
    gap: 50px;
}
.modern_hero_copy {
    position: relative;
    z-index: 1;
    max-width: 530px;
}
.modern_kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--modern-lilac-bright);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.09em;
}
.modern_home h1,
.modern_home h2,
.modern_home h3,
.modern_site h1,
.modern_site h2,
.modern_site h3 {
    color: var(--modern-text);
    font-family: 'DM Sans', sans-serif;
}
.modern_hero_brand {
    margin-top: 26px;
    color: var(--modern-text);
    font-family: 'DM Sans', sans-serif;
    font-size: clamp(42px, 5vw, 52px);
    font-weight: 900;
    line-height: 1;
}
.modern_hero_brand > span {
    color: #8f75ff;
}
.modern_home .modern_hero_copy .modern_home_title {
    color: var(--modern-lilac-bright);
    max-width: 570px;
    margin: 24px 0 18px;
    font-size: clamp(20px, 2.4vw, 22px);
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}
.modern_home_title span {
    display: block;
}
.modern_hero_copy > p {
    max-width: 510px;
    margin-bottom: 26px;
    font-size: 16px;
}
@media (min-width: 992px) {
    .modern_hero_copy > p {
        margin-bottom: 76px;
    }
}
.modern_actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.modern_button {
    min-height: 45px;
    padding: 0 18px;
}
.modern_button_primary {
    color: var(--modern-white);
    background: var(--modern-gradient-primary);
    box-shadow: 0 10px 28px rgba(86, 78, 255, 0.27);
}
.modern_button_ghost {
    border: 1px solid var(--modern-line);
    color: #e0e4ff;
    background: rgba(14, 24, 50, 0.45);
}
.modern_trust_row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 32px;
    color: #b4bedb;
    font-size: 11px;
    cursor: pointer;
}
.modern_trust_chip {
    display: inline-flex;
    align-items: center;
    color: inherit;
    font-size: inherit;
    font-weight: 400;
    text-decoration: none;
}
.modern_trust_chip i {
    margin-right: 6px;
    color: #846cff;
    font-size: 14px;
}
.modern_trust_chip:nth-child(1) i {
    color: var(--modern-cyan);
}
.modern_trust_chip:nth-child(2) i {
    color: var(--modern-green-bright);
}
.modern_hero_visual {
    position: relative;
    min-height: 470px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modern_glow {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: #5071ff;
    opacity: 0.3;
    filter: blur(75px);
}
.modern_orbit_rings {
    z-index: 0;
    opacity: .72;
    position: absolute;
    width: min(150%, 640px);
    height: min(150%, 640px);
    overflow: visible;
}
.modern_orbit_plane {
    fill: none;
    stroke-width: 1.35;
    transform-origin: 300px 300px;
}
.modern_orbit_plane_primary {
    stroke: url(#modernOrbitViolet);
    filter: drop-shadow(0 0 11px rgba(112, 77, 255, 0.9));
    animation: modern_orbit_hover 8s ease-in-out infinite;
}
.modern_orbit_plane_secondary {
    stroke: url(#modernOrbitBlue);
    stroke-width: 1.1;
    filter: drop-shadow(0 0 10px rgba(74, 120, 255, 0.8));
    transform: translateY(8px) rotate(24deg);
}
.modern_orbit_plane_tertiary {
    stroke: #6c5cff;
    stroke-width: 0.9;
    opacity: 0.72;
    filter: drop-shadow(0 0 8px rgba(108, 92, 255, 0.72));
    animation: modern_orbit_background_rotate 10s ease-in-out infinite;
}
@keyframes modern_orbit_hover {
    0%,
    100% {
        transform: rotate(-18deg) translateY(0);
    }
    50% {
        transform: rotate(-18deg) translateY(-12px);
    }
}
@keyframes modern_orbit_background_rotate {
    0%,
    100% {
        transform: translateY(8px) rotate(62deg);
    }
    50% {
        transform: translateY(8px) rotate(67deg);
    }
}
.modern_orbit_star {
    stroke: none;
    animation: modern_orbit_twinkle 3.8s ease-in-out infinite;
}
.modern_orbit_star_violet {
    fill: var(--modern-accent);
}
.modern_orbit_star_blue {
    fill: var(--modern-accent-2);
}
.modern_orbit_star_cyan {
    fill: #39b9ff;
}
.modern_orbit_star:nth-child(2n) {
    animation-delay: 1.1s;
}
.modern_orbit_star:nth-child(3n) {
    animation-delay: 2.2s;
}
@keyframes modern_orbit_twinkle {
    0%,
    100% {
        opacity: 0.45;
    }
    50% {
        opacity: 1;
    }
}
.modern_orbit_icon {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 900ms ease;
    width: 56px;
    height: 56px;
    color: #c3aaff;
    background: var(--modern-glow-violet-strong);
    border: 0;
    border-radius: 12px;
    backdrop-filter: blur(2px);
    font-size: 20px;
    animation: modern_orbit_float 6s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}
.modern_orbit_icon.modern_orbit_icon_1 {
    top: 12%;
    left: 2%;
    color: #c35e3f;
    background: rgba(195, 94, 63, 0.2);
    animation-delay: 0s;
}
.modern_orbit_icon_2 {
    top: 15%;
    right: 12%;
    color: var(--modern-green-light);
    background: var(--modern-glow-green);
    animation-delay: 1.2s;
}
.modern_orbit_icon_3 {
    bottom: 10%;
    right: 10%;
    color: var(--modern-green-light);
    background: var(--modern-glow-green);
    animation-delay: 2.4s;
}
.modern_orbit_icon_4 {
    top: 48%;
    left: 42%;
    color: #f4f8fe;
    background: rgba(92, 154, 255, 0.4);
    animation: modern_orbit_code_float 7.4s cubic-bezier(0.45, 0, 0.55, 1) infinite;
    animation-delay: 0.8s;
}
@keyframes modern_orbit_float {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px);
    }
}
@keyframes modern_orbit_code_float {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-18px);
    }
}
.modern_device_placeholder {
    position: relative;
    z-index: 1;
    width: 615px;
    max-width: none;
    flex: 0 0 615px;
    transform: rotate(-3deg);
    filter: drop-shadow(0px 5px 50px rgba(86, 78, 255, 0.20));
}
.modern_device_placeholder img {
    width: 100%;
    display: block;
}
.modern_device_mockup_rotator {
    display: none;
}
.modern_device_mockup_rotator {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 0;
    aspect-ratio: auto;
}
.modern_device_mockup_image {
    width: 54% !important;
    transition: opacity 900ms ease;
}
.modern_device_mockup_image_right {
    position: relative;
    margin-left: -8%;
    opacity: 1;
    transform: translateY(48px);
}
.modern_device_mockup_rotator.is-right .modern_device_mockup_image_left {
    opacity: 0;
}
.modern_device_mockup_rotator.is-right .modern_device_mockup_image_right {
    opacity: 1;
}
@media (min-width: 1200px) {
    .modern_device_mockup_rotator.is-right .modern_device_mockup_image_left,
    .modern_device_mockup_rotator.is-right .modern_device_mockup_image_right {
        opacity: 1;
    }
}
@media (max-width: 1199px) and (min-width: 992px), (max-width: 450px) {
    .modern_hero_visual.is-right .modern_orbit_icon_1 {
        opacity: 0;
    }
    .modern_hero_visual.is-right .modern_orbit_icon_4 {
        opacity: 0;
    }
    .modern_hero_visual.is-right .modern_orbit_icon_3 {
        right: 25%;
    }
    .modern_hero_visual:not(.is-right) .modern_orbit_icon_4 {
        left: 75%;
    }
    .modern_hero_visual:not(.is-right) .modern_orbit_icon_2,
    .modern_hero_visual:not(.is-right) .modern_orbit_icon_3 {
        opacity: 0;
    }
    .modern_hero_visual.is-right .modern_orbit_icon_2,
    .modern_hero_visual.is-right .modern_orbit_icon_3 {
        opacity: 1;
    }
    .modern_device_mockup_rotator {
        display: block;
    }
    .modern_device_mockup_rotator .modern_device_mockup_image {
        width: 100% !important;
    }
    .modern_device_mockup_image_right {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0;
        opacity: 0;
        transform: none;
    }
}
@media (max-width: 450px) {
    .modern_hero_visual {
        padding-top: 34px;
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .modern_hero {
        min-height: 0;
        align-items: flex-start;
        padding-bottom: 80px;
        overflow: visible;
    }
    .modern_hero_grid {
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
        gap: 20px;
    }
    .modern_hero_copy {
        max-width: none;
    }
    .modern_hero_visual {
        min-height: 380px;
    }
    .modern_device_placeholder {
        width: min(100%, 410px);
        max-width: 100%;
        flex: 0 1 auto;
    }
}
.modern_stats {
    padding: 28px 0;
    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(118, 88, 255, 0.07),
            transparent 55%
        ),
        radial-gradient(
            circle at 100% 50%,
            rgba(77, 131, 255, 0.07),
            transparent 55%
        ),
        #091126;
    border-top: 1px solid rgba(110, 128, 255, 0.1);
}
.modern_stats_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.modern_stat {
    padding: 8px 28px;
    border-right: 1px solid rgba(110, 128, 255, 0.13);
}
.modern_stat:last-child {
    border: 0;
}
.modern_stat_top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 4px;
}
.modern_stat_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    margin-bottom: 0;
    color: #8e75ff;
    background: rgba(86, 71, 218, 0.18);
    border-radius: 9px;
}
.modern_stat strong,
.modern_stat small,
.modern_stat em {
    display: block;
}

@media (min-width: 992px) {
    .modern_home .modern_hero {
        min-height: min(760px, max(660px, calc(100svh - 162px)));
        max-height: 760px;
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .modern_home .modern_hero {
        min-height: 0;
        max-height: none;
    }
}
.modern_stat strong {
    font-size: 24px;
    line-height: 1.3;
}
.modern_stat small {
    color: #b4bdd6;
    font-size: 12px;
}
.modern_stat em {
    margin-top: 7px;
    color: var(--modern-green);
    font-size: 10px;
    font-style: normal;
}
.modern_stat em b {
    color: #7782a0;
    font-weight: 400;
    margin-left: 4px;
}
.modern_heading h1,
.modern_heading h2,
.modern_features_intro h2,
.modern_support_intro h2,
.modern_cta h2 {
    margin: 12px 0 14px;
    font-size: clamp(30px, 3.3vw, 44px);
    line-height: 1.3;
    font-weight: 600;
}
.modern_heading_accent {
    color: var(--modern-accent);
}
.modern_preview_section {
    padding-bottom: 110px;
    background: radial-gradient(
        circle at 50% 0,
        rgba(69, 56, 178, 0.22),
        transparent 80%
    );
}
.modern_preview_section > .container {
    position: relative;
    z-index: 1;
}
.modern_device_stage {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 50px;
    max-width: 1080px;
    margin: 60px auto 0;
}
.modern_device_laptop {
    width: 100%;
    max-width: 680px;
}
.modern_laptop_top {
    padding: 0px 10px;
    line-height: 1.08;
    background: #0d1730;
    border: 1px solid rgba(126, 109, 255, 0.28);
    border-radius: 14px 14px 0px 0px;
    border-bottom: 0;
    box-shadow: 0 35px 70px rgba(6, 10, 28, 0.55);
}
.modern_browser_bar {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px;
}
.modern_browser_dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(223, 228, 255, 0.25);
}
.modern_browser_url {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: 12px;
    padding: 5px 14px;
    color: #7f8bb3;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 20px;
    font-size: 10px;
}
.modern_laptop_screen {
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: var(--modern-surface-dark);
    border-radius: 5px 5px 0 0;
}
.modern_laptop_base {
    position: relative;
    height: 16px;
    margin: 0 -25px;
    background: linear-gradient(180deg, #131c38, #0a1024);
    border-radius: 0 0 10px 10px;
}
.modern_laptop_base:before {
    content: "";
    position: absolute;
    inset: 0 40%;
    height: 4px;
    margin: 0 auto;
    background: #060a18;
    border-radius: 0 0 6px 6px;
}
.modern_device_phone {
    flex: 0 0 auto;
    width: 190px;
    aspect-ratio: 9 / 18.5;
    padding: 6px;
    background: #0d1730;
    border: 1px solid rgba(126, 109, 255, 0.32);
    border-radius: 26px;
    box-shadow: 0 30px 60px rgba(6, 10, 28, 0.6);
}
.modern_phone_notch {
    width: 50px;
    height: 10px;
    margin: 0 auto 6px;
    background: #060a18;
    border-radius: 8px;
}
.modern_phone_screen {
    position: relative;
    overflow: hidden;
    aspect-ratio: 9 / 18.5;
    background: var(--modern-surface-dark);
    border-radius: 18px;
}
.modern_phone_statusbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px 0;
    color: var(--modern-text);
    font-size: 10px;
    font-weight: 600;
}
.modern_features_section {
    padding-top: 70px;
    background:
        radial-gradient(
            circle at 12% 0%,
            var(--modern-border-accent-soft),
            transparent 40%
        ),
        #080f22;
}
.modern_features_split {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 42px;
}
.modern_features_intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    max-width: none;
    margin: 0;
    text-align: left;
}
.modern_features_intro_content {
    max-width: 760px;
    min-width: 0;
}
.modern_features_intro h2 strong {
    color: #8268ff;
}
.modern_features_intro p {
    margin: 0;
    font-size: 14px;
}
.modern_features_intro .modern_button {
    flex: 0 0 auto;
    margin-top: 0;
}
.modern_feature_grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.modern_feature_grid::before {
    position: absolute;
    z-index: 0;
    inset: 12% 18%;
    content: '';
    background: radial-gradient(
        circle,
        var(--modern-border-blue-soft),
        transparent 68%
    );
    filter: blur(24px);
    pointer-events: none;
}
@media (min-width: 768px) and (max-width: 991px) {
    .modern_about_team_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 1100px) {
    .modern_about_hero_background_caption {
        display: none;
    }
}
@media (max-width: 767px) {
    .modern_about_hero {
        padding-top: 105px;
        padding-bottom: 65px;
    }
    .modern_about_hero_background_code {
        top: 18%;
        left: -42px;
        font-size: 170px;
    }
    .modern_about_hero_background_caption {
        top: 44%;
        right: 7%;
        font-size: 8px;
    }
    .modern_about_hero_background_users {
        right: 3%;
        bottom: 13%;
        font-size: 116px;
    }
    .modern_about_section_heading {
        margin-bottom: 34px;
    }
    .modern_about_timeline_item {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 16px;
        padding-bottom: 34px;
    }
    .modern_about_timeline_item:not(:last-child)::before {
        top: 56px;
        bottom: 14px;
        left: 27px;
    }
    .modern_about_timeline_item:not(:last-child)::after {
        bottom: 10px;
        left: 20.5px;
    }
    .modern_about_timeline_marker {
        width: 56px;
        height: 56px;
        padding: 0 4px;
        font-size: 13px;
    }
    .modern_about_timeline_item_future .modern_about_timeline_marker {
        font-size: 13px;
    }
    .modern_about_timeline_content h3 {
        font-size: 19px;
    }
    .modern_about_team_grid {
        grid-template-columns: 1fr;
    }
    .modern_features_intro {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
    }
}

.modern_feature_card {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 33px minmax(0, 1fr);
    column-gap: 12px;
    align-content: start;
    min-height: 155px;
    padding: 20px 18px;
    background: linear-gradient(
        145deg,
        rgba(17, 29, 62, 0.9),
        rgba(8, 15, 35, 0.8)
    );
    border: 1px solid var(--modern-border-blue);
    border-radius: 7px;
    cursor: pointer;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}
.modern_feature_card:hover,
.modern_feature_card:focus {
    box-shadow: 0 18px 38px rgba(67, 77, 190, 0.28);
    filter: brightness(1.18);
    outline: none;
    transform: translateY(-3px);
}
.modern_feature_card:focus-visible {
    box-shadow: 0 0 0 3px rgba(118, 88, 255, 0.28), 0 18px 38px rgba(67, 77, 190, 0.28);
}
.modern_feature_card_secure {
    background: linear-gradient(
        145deg,
        rgba(14, 67, 59, 0.92),
        rgba(7, 29, 38, 0.92)
    );
    border-color: rgba(74, 222, 160, 0.52);
    box-shadow: 0 12px 30px rgba(20, 184, 130, 0.12);
}
.modern_feature_card_secure > i {
    color: var(--modern-green-bright);
    background: rgba(39, 196, 139, 0.2);
}
.modern_feature_card_analytics {
    background: linear-gradient(
        145deg,
        rgba(22, 48, 98, 0.94),
        rgba(9, 23, 55, 0.92)
    );
    border-color: rgba(77, 196, 255, 0.52);
    box-shadow: 0 12px 30px rgba(39, 160, 255, 0.14);
}
.modern_feature_card_analytics > i {
    color: var(--modern-cyan);
    background: rgba(52, 174, 255, 0.2);
}
.modern_feature_card > i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    margin: 0;
    color: var(--modern-lilac-bright);
    background: rgba(83, 66, 213, 0.2);
    border-radius: 7px;
}
.modern_feature_card h3 {
    align-self: center;
    margin: 0;
    font-size: 15px !important;
}
.modern_feature_card p {
    grid-column: 1 / -1;
    margin: 0;
    margin-top: 12px;
    font-size: 11px;
    line-height: 1.55;
}
.modern_common_modal .modal-dialog {
    max-width: 470px;
}
.modern_common_modal .modal-content {
    overflow: hidden;
    border: 1px solid var(--modern-border-accent);
    border-radius: 16px;
    color: var(--modern-text);
    background:
        radial-gradient(circle at 90% 0%, var(--modern-glow-blue-strong), transparent 34%),
        var(--modern-surface-dark);
    box-shadow: 0 28px 90px rgba(2, 5, 18, 0.58);
}
.modern_common_modal .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid var(--modern-border-accent);
}
.modern_common_modal .modal-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 7px 0 0;
    color: #f5f6ff;
    font-size: 25px;
    font-weight: 600;
}
.modern_common_modal .modal-title i {
    color: #9a88ff;
}
.modern_common_modal .modal-body {
    padding: 20px;
}
.modern_common_modal .modal-body p {
    margin: 0 0 18px;
    color: var(--modern-muted);
    font-size: 13px;
}
.modern_api_section {
    background: radial-gradient(
        circle at 85% 20%,
        rgba(77, 131, 255, 0.12),
        transparent 45%
    );
}
.modern_seller_flow_section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 50%, rgba(41, 190, 153, 0.1), transparent 32%),
        radial-gradient(circle at 88% 50%, rgba(77, 131, 255, 0.08), transparent 32%),
        #0b172a;
}
.modern_seller_flow_intro {
    max-width: 620px;
    margin: 0 auto 42px;
    text-align: center;
}
.modern_seller_flow_intro h2 {
    margin: 12px 0 12px;
}
.modern_seller_flow_intro p {
    margin: 0 auto;
    max-width: 560px;
    font-size: 14px;
}
.modern_seller_flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    align-items: stretch;
    gap: 14px;
}
.modern_seller_step {
    position: relative;
    min-height: 230px;
    padding: 24px 20px 20px;
    background: linear-gradient(160deg, rgba(16, 49, 61, 0.95), rgba(10, 25, 43, 0.96));
    border: 1px solid rgba(77, 220, 176, 0.24);
    border-radius: 12px;
    box-shadow: 0 14px 30px rgba(2, 10, 24, 0.2);
}
.modern_seller_step_number {
    position: absolute;
    top: 15px;
    right: 17px;
    color: rgba(139, 255, 218, 0.55);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
}
.modern_seller_step_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 24px;
    color: #8bffda;
    background: rgba(48, 211, 167, 0.16);
    border: 1px solid rgba(93, 238, 194, 0.28);
    border-radius: 12px;
    font-size: 18px;
}
.modern_seller_step h3 {
    margin: 0 0 9px;
    color: #f0fffb;
    font-size: 17px;
}
.modern_seller_step p {
    margin: 0;
    color: #a7c5c4;
    font-size: 12px;
    line-height: 1.7;
}
.modern_seller_connector {
    display: flex;
    align-items: center;
    color: #65e5be;
    font-size: 18px;
}
.modern_seller_step_purchase {
    background: linear-gradient(160deg, rgba(21, 48, 77, 0.96), rgba(11, 26, 48, 0.96));
    border-color: rgba(111, 185, 255, 0.28);
}
.modern_seller_step_purchase .modern_seller_step_icon {
    color: #8fc7ff;
    background: rgba(78, 157, 255, 0.16);
    border-color: rgba(111, 185, 255, 0.28);
}
.modern_seller_step_delivery {
    background: linear-gradient(160deg, rgba(23, 70, 57, 0.98), rgba(10, 34, 39, 0.96));
    border-color: rgba(107, 242, 180, 0.4);
    box-shadow: 0 14px 32px rgba(43, 211, 155, 0.1);
}
.modern_seller_step_delivery .modern_seller_step_icon {
    color: #b2ffca;
    background: rgba(80, 224, 146, 0.2);
    border-color: rgba(107, 242, 180, 0.38);
}
.modern_api_split {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    align-items: center;
    gap: 60px;
}
.modern_api_intro {
    max-width: 420px;
}
.modern_api_intro p {
    margin: 0;
    font-size: 14px;
}
.modern_api_list {
    list-style: none;
    padding: 0;
    margin: 22px 0 25px;
    color: #c5cce2;
    font-size: 13px;
    line-height: 2.3;
}
.modern_api_list i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    margin-right: 8px;
    color: var(--modern-white);
    background: var(--modern-accent);
    border-radius: 50%;
    font-size: 9px;
}
.modern_api_diagram svg {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}
.modern_api_diagram svg.modern_api_mobile_diagram {
    display: none;
}
.modern_api_flow {
    fill: none;
    stroke: rgba(126, 109, 255, 0.45);
    stroke-width: 1.5;
}
.modern_api_motion_path {
    fill: none;
    stroke: none;
}
.modern_api_return {
    fill: none;
    stroke: rgba(126, 129, 255, 0.22);
    stroke-width: 1.2;
    stroke-dasharray: 4 5;
}
.modern_api_return_label {
    fill: #6c7aa0;
    font-family: 'DM Sans', sans-serif;
    font-size: 11px;
    letter-spacing: 0.05em;
}
.modern_api_dot {
    fill: #8ea2ff;
    opacity: 0;
    filter: drop-shadow(0 0 4px rgba(126, 145, 255, 0.9));
}
.modern_api_node rect {
    fill: rgba(15, 27, 57, 0.9);
    stroke: rgba(89, 112, 219, 0.4);
    stroke-width: 1;
}
.modern_api_node_label {
    fill: var(--modern-text);
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    font-weight: 500;
}
.modern_api_node_active rect {
    fill: url(#modernApiActiveFill);
    stroke: rgba(126, 109, 255, 0.7);
}
.modern_api_node_active .modern_api_node_label {
    fill: var(--modern-white);
    font-weight: 600;
}
.modern_api_node_branch rect {
    fill: rgba(11, 19, 42, 0.92);
}
.modern_api_mobile_actions > .modern_api_node_card rect {
    fill: #080f22;
    stroke: var(--modern-border-blue);
}
.modern_api_mobile_action_card rect {
    fill: rgba(15, 27, 57, 0.9);
    stroke: rgba(89, 112, 219, 0.4);
}
.modern_api_mobile_action_card .modern_api_node_label,
.modern_api_mobile_compact_label {
    font-size: 11px;
}
.modern_api_mobile_compact_api rect {
    fill: url(#modernApiMobileActiveFill);
}
.modern_api_node i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--modern-lilac-bright);
    font-size: 15px;
}
.modern_api_node_active i {
    color: var(--modern-white);
}
.modern_api_node_card {
    transform-box: fill-box;
    transform-origin: center;
}
.modern_pricing_intro_section {
    padding: 148px 0 52px;
    text-align: left;
    background:
        radial-gradient(circle at 86% 10%, var(--modern-glow-blue), transparent 34%),
        radial-gradient(circle at 8% 90%, var(--modern-glow-purple), transparent 38%),
        var(--modern-bg);
    border-bottom: 1px solid rgba(110, 128, 255, 0.12);
}
.modern_pricing_page_heading {
    max-width: 760px;
    margin: 0;
}
.modern_pricing_page_heading p {
    max-width: 620px;
    margin: 0;
    font-size: 14px;
}
.modern_pricing_section {
    padding-top: 58px;
    padding-bottom: 62px;
    background: radial-gradient(
        circle at 50% 0,
        rgba(69, 56, 178, 0.13),
        transparent 50%
    );
}
.modern_plans {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 360px));
    align-items: start;
    gap: 16px;
    margin-top: 30px;
    justify-content: center;
}
.modern_plan_card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 28px 24px 24px;
    background: linear-gradient(
        150deg,
        rgba(14, 27, 60, 0.96),
        rgba(7, 14, 32, 0.96)
    );
    border: 1px solid rgba(71, 95, 198, 0.58);
    border-radius: 10px;
    color: var(--modern-text);
}
.modern_plan_card_featured {
    border-color: #8467ff;
    box-shadow:
        0 0 34px rgba(99, 78, 255, 0.24),
        inset 0 0 26px rgba(108, 83, 255, 0.06);
}
.modern_plan_badge {
    position: absolute;
    top: -13px;
    left: 50%;
    padding: 6px 16px;
    color: var(--modern-white);
    background: var(--modern-gradient-accent);
    border-radius: 20px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transform: translateX(-50%);
    white-space: nowrap;
}
.modern_plan_header {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    column-gap: 14px;
    min-height: 92px;
}
.modern_plan_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin: 0;
    color: #c8d0df;
    background: rgba(148, 163, 184, 0.16);
    border-radius: 10px;
    backdrop-filter: blur(2px);
    font-size: 20px;
}
.modern_plan_card_featured .modern_plan_icon {
    color: var(--modern-lilac-bright);
    background: var(--modern-glow-purple);
}
.modern_plan_card_ultimate .modern_plan_icon {
    color: #ffd38a;
    background: rgba(255, 174, 92, 0.2);
}
.modern_plan_intro {
    min-width: 0;
}
.modern_plan_header h3 {
    margin: 0 0 6px;
    color: var(--modern-text);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
.modern_plan_header p {
    margin: 0;
    font-size: 12px;
    line-height: 1.55;
}
.modern_plan_price {
    display: flex;
    align-items: baseline;
    gap: 7px;
    margin-top: 14px;
}
.modern_plan_price strong {
    color: #f5f6ff;
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
}
.modern_plan_price span,
.modern_plan_fee {
    color: var(--modern-muted);
    font-size: 12px;
}
.modern_plan_fee {
    margin-top: 9px;
}
.modern_plan_fee span {
    color: #c7caff;
    font-weight: 600;
}
.modern_plan_form {
    margin-top: 22px;
}
.modern_plan_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    color: #e7eaff;
    background: transparent;
    border: 1px solid #4050b0;
    border-radius: 6px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition:
        transform 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease;
}
.modern_plan_button:hover {
    color: var(--modern-white);
    transform: translateY(-2px);
    background: rgba(91, 75, 231, 0.18);
}
.modern_plan_card_featured .modern_plan_button,
.modern_plan_card_ultimate .modern_plan_button {
    color: var(--modern-white);
    background: var(--modern-gradient-accent);
    border-color: transparent;
    box-shadow: 0 8px 20px rgba(88, 74, 255, 0.28);
}
.modern_plan_card_featured .modern_plan_button:hover,
.modern_plan_card_ultimate .modern_plan_button:hover {
    box-shadow: 0 11px 25px rgba(88, 74, 255, 0.42);
}
.modern_plan_divider {
    height: 1px;
    margin: 24px 0 19px;
    background: rgba(109, 127, 223, 0.16);
}
.modern_plan_card h4 {
    margin: 0 0 11px;
    color: var(--modern-text);
    font-size: 12px;
    font-weight: 600;
}
.modern_plan_features_intro {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    padding: 12px 14px;
    border-radius: 8px;
    background: var(--modern-glow-violet-soft);
}
.modern_plan_features_intro_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    color: var(--modern-lilac-bright);
    background: rgba(148, 129, 255, 0.2);
    font-size: 13px;
}
.modern_plan_features_intro h4 {
    margin: 0;
    color: var(--modern-muted) !important;
    font-size: 11px !important;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.4;
    text-transform: uppercase;
}
@media (min-width: 992px) {
    .modern_plan_card_starter {
        transform: translateY(14px);
    }
    .modern_plan_card_featured {
        transform: translateY(-18px);
    }
    .modern_plan_card_ultimate {
        transform: translateY(8px);
    }
}
.modern_plan_features {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.modern_plan_features li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #aeb8d6;
    font-size: 12px;
    line-height: 1.4;
}
.modern_plan_features li > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    margin-top: 1px;
    color: var(--modern-white);
    background: var(--modern-accent);
    border-radius: 50%;
    font-size: 9px;
}
.modern_plan_features li a {
    margin-left: 2px;
    color: var(--modern-lilac-bright);
}
.modern_changelog_hero {
    padding-top: 150px;
    padding-bottom: 74px;
    background:
        radial-gradient(
            circle at 82% 0%,
            var(--modern-border-blue-soft),
            transparent 38%
        ),
        radial-gradient(
            circle at 12% 10%,
            var(--modern-border-accent-soft),
            transparent 34%
        ),
        var(--modern-bg);
}
.modern_changelog_hero .modern_heading {
    max-width: 680px;
}
.modern_changelog_hero .modern_heading > p {
    max-width: 520px;
    margin: 0 0 24px;
    font-size: 15px;
}
.modern_changelog_section {
    padding-top: 44px;
    background: var(--modern-surface-dark);
}
.modern_changelog_list .blog_content ul {
    padding: 5px 0;
    margin: 0 0 16px;
    list-style: none;
}
.modern_changelog_list .blog_content li {
    color: #aeb9d7;
    font-size: 14px;
    line-height: 1.8;
}
.modern_changelog_list .blog_content li::before {
    content: '\f061';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    margin-top: 2px;
    color: var(--modern-lilac-bright);
    font-family: 'Font Awesome 6 Free';
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
}
.modern_partners_hero {
    padding-top: 150px;
    padding-bottom: 68px;
    background:
        radial-gradient(
            circle at 84% 0%,
            var(--modern-border-blue-soft),
            transparent 38%
        ),
        radial-gradient(
            circle at 12% 10%,
            var(--modern-border-accent-soft),
            transparent 34%
        ),
        var(--modern-bg);
}
.modern_partners_hero .modern_heading > p {
    max-width: 600px;
    margin: 0;
    font-size: 15px;
}
.modern_partner_connect_section {
    position: relative;
    padding-top: 132px;
    padding-bottom: 96px;
    background:
        radial-gradient(circle at 82% 42%, var(--modern-glow-blue), transparent 34%),
        radial-gradient(circle at 12% 0%, var(--modern-border-accent-soft), transparent 38%),
        var(--modern-surface-dark);
}
.modern_partner_connect_section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(126, 145, 213, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(126, 145, 213, 0.08) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: radial-gradient(circle at center, #000 18%, transparent 76%);
    opacity: 0.92;
    pointer-events: none;
}
.modern_partner_connect_section::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        url("/img/modern/assets/square-built-left.png"),
        url("/img/modern/assets/square-built-right.png");
    background-position: left center, right calc(50% + 50px);
    background-size: min(48vw, 620px) auto, min(48vw, 620px) auto;
    background-repeat: no-repeat;
    opacity: 0.16;
    pointer-events: none;
}
.modern_partner_connect_split {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
    align-items: center;
    gap: 70px;
    position: relative;
    z-index: 1;
}
.modern_partner_connect_copy {
    position: relative;
    z-index: 2;
    max-width: 530px;
}
.modern_partner_connect_copy h1 {
    max-width: 520px;
    margin: 18px 0 16px;
    color: var(--modern-text);
    font-size: clamp(42px, 6vw, 48px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -1.8px;
}
.modern_partner_connect_copy h1 span,
.modern_partner_connect_copy h1 strong {
    display: block;
}
.modern_partner_connect_copy h1 strong {
    color: var(--modern-lilac);
    font-weight: 700;
    background: var(--modern-gradient-heading);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.modern_partner_connect_copy p {
    max-width: 490px;
    margin: 0;
    color: var(--modern-muted);
    font-size: 15px;
    line-height: 1.7;
}
.modern_partner_connect_points {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-top: 24px;
    color: #c3ccef;
    font-size: 12px;
    font-weight: 600;
}
.modern_partner_connect_points span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}
.modern_partner_connect_points i {
    color: var(--modern-lilac-bright);
}
.modern_partner_connect_visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 470px;
    isolation: isolate;
}
.modern_partner_connect_api_window {
    position: absolute;
    top: 25%;
    right: -90px;
    z-index: 0;
    width: 250px;
    padding: 9px 11px 12px;
    overflow: hidden;
    background: rgba(7, 14, 35, 0.94);
    border: 1px solid rgba(126, 109, 255, 0.65);
    border-radius: 15px;
    box-shadow: 0 22px 45px rgba(3, 7, 20, 0.45), 0 0 28px rgba(77, 131, 255, 0.12);
    opacity: 0.58;
    transform: translateY(-50%);
}
.modern_partner_connect_api_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.modern_partner_connect_api_header span {
    padding: 4px 9px;
    color: #dfe5ff;
    background: rgba(118, 88, 255, 0.28);
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.03em;
}
.modern_partner_connect_api_header i {
    color: #8191c6;
    font-size: 12px;
}
.modern_partner_connect_api_window pre {
    margin: 0;
    color: #b9c5e7;
    font-family: 'Courier New', monospace;
    font-size: 10px;
    line-height: 1.75;
    white-space: pre;
}
.modern_partner_connect_api_window code {
    color: inherit;
}
.modern_partner_connect_api_brace {
    color: #d1b5ff;
}
.modern_partner_connect_api_key {
    color: #79cfff;
}
.modern_partner_connect_api_string {
    color: #8be5b6;
}
.modern_partner_connect_api_number {
    color: #ffcf88;
}
.modern_partner_connect_visual_inner {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 460px;
    height: 470px;
    flex: 0 0 460px;
}
.modern_partner_connect_orbit {
    position: absolute;
    left: 50%;
    top: 50%;
    border: 1px dotted rgba(126, 109, 255, 0.38);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.modern_partner_connect_orbit_one {
    width: 460px;
    height: 460px;
}
.modern_partner_connect_orbit_two {
    width: 380px;
    height: 380px;
    transform: translate(-50%, -50%);
}
.modern_partner_connect_orbit_three {
    width: 300px;
    height: 300px;
    transform: translate(-50%, -50%);
}
.modern_partner_connect_route {
    position: absolute;
    z-index: 3;
    display: flex;
    width: fit-content;
    color: #e5eaff;
    font-size: 9px;
    line-height: 1.2;
}
.modern_partner_connect_route_customer {
    top: 158px;
    left: 0;
    align-items: flex-start;
}
.modern_partner_connect_incoming_route {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 180px;
    height: 75px;
    overflow: visible;
    pointer-events: none;
}
.modern_partner_connect_incoming_route .modern_api_flow {
    stroke: rgba(105, 212, 255, 0.72);
    filter: drop-shadow(0 0 3px rgba(105, 212, 255, 0.55));
}
.modern_partner_connect_incoming_route .modern_api_dot {
    fill: var(--modern-cyan);
    filter: drop-shadow(0 0 4px rgba(105, 212, 255, 0.9));
}
.modern_partner_connect_route_delivery {
    top: 228px;
    right: -14px;
    align-items: flex-end;
    text-align: right;
}
.modern_partner_connect_delivery_route {
    position: absolute;
    top: 0;
    left: -270px;
    z-index: 1;
    width: 330px;
    height: 80px;
    overflow: visible;
    pointer-events: none;
}
.modern_partner_connect_delivery_route path {
    fill: none;
    stroke: rgba(157, 139, 255, 0.72);
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 3px rgba(157, 139, 255, 0.55));
}
.modern_partner_connect_delivery_dot {
    fill: var(--modern-lilac-bright);
    filter: drop-shadow(0 0 4px rgba(157, 139, 255, 0.9));
}
.modern_partner_connect_route_partner {
    bottom: 55px;
    left: -25px;
    align-items: flex-start;
}
.modern_partner_connect_partner_route {
    position: absolute;
    top: -80px;
    left: 0;
    z-index: 1;
    width: 190px;
    height: 110px;
    overflow: visible;
    pointer-events: none;
}
.modern_partner_connect_partner_route path {
    fill: none;
    stroke: rgba(131, 227, 176, 0.72);
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 3px rgba(131, 227, 176, 0.55));
}
.modern_partner_connect_partner_dot {
    fill: var(--modern-mint);
    filter: drop-shadow(0 0 4px rgba(131, 227, 176, 0.9));
}
.modern_partner_connect_route_status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    padding: 6px 9px;
    color: #071226;
    background: var(--modern-cyan);
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
    white-space: nowrap;
}
.modern_partner_connect_route_customer .modern_partner_connect_route_status {
    background: var(--modern-cyan);
}
.modern_partner_connect_route_delivery .modern_partner_connect_route_status {
    background: var(--modern-lilac-bright);
}
.modern_partner_connect_route_partner .modern_partner_connect_route_status {
    background: var(--modern-mint);
}
.modern_partner_connect_route_status b {
    padding-left: 5px;
    border-left: 1px solid rgba(7, 18, 38, 0.35);
}
.modern_partner_connect_phone {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 220px;
    padding: 7px;
    background: linear-gradient(145deg, #1b2850, #0b1229);
    border: 1px solid rgba(157, 139, 255, 0.42);
    border-radius: 30px;
    box-shadow: 0 34px 70px rgba(3, 7, 20, 0.6), 0 0 65px var(--modern-glow-blue);
    transform: translate(-50%, -50%);
}
.modern_partner_connect_notch {
    width: 58px;
    height: 12px;
    margin: 0 auto 7px;
    background: var(--modern-surface-dark);
    border-radius: 9px;
}
.modern_partner_connect_screen {
    position: relative;
    overflow: hidden;
    min-height: 424px;
    padding: 12px 12px 16px;
    background: linear-gradient(160deg, #0b1532, #080d20 70%);
    border-radius: 22px;
}
.modern_partner_connect_status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #cbd4f5;
    font-size: 9px;
    font-weight: 600;
}
.modern_partner_connect_status i {
    margin-left: 3px;
    color: #8492c8;
    font-size: 8px;
}
.modern_partner_connect_balance {
    margin-top: 28px;
    padding: 15px;
    background: linear-gradient(135deg, rgba(118, 88, 255, 0.28), rgba(45, 132, 255, 0.16));
    border: 1px solid rgba(157, 139, 255, 0.2);
    border-radius: 14px;
}
.modern_partner_connect_balance small {
    display: block;
    color: #a9b4db;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 0.1em;
}
.modern_partner_connect_balance strong {
    display: block;
    margin-top: 6px;
    color: var(--modern-white);
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
}
.modern_partner_connect_balance span {
    display: block;
    margin-top: 8px;
    color: var(--modern-mint);
    font-size: 9px;
}
.modern_partner_connect_action {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 14px;
    padding: 10px 8px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(126, 145, 213, 0.15);
    border-radius: 10px;
}
.modern_partner_connect_action_incoming {
    animation: modern_partner_connect_incoming 5.5s ease-in-out infinite;
    background: rgba(105, 212, 255, 0.08);
    border-color: rgba(105, 212, 255, 0.25);
}
.modern_partner_connect_action_outgoing {
    animation: modern_partner_connect_outgoing 5.5s ease-in-out infinite;
    animation-delay: 1.4s;
    background: rgba(143, 125, 255, 0.08);
    border-color: rgba(143, 125, 255, 0.25);
}
.modern_partner_connect_action.modern_partner_connect_action_incoming > span {
    color: var(--modern-cyan);
    background: rgba(105, 212, 255, 0.16);
}
.modern_partner_connect_action.modern_partner_connect_action_outgoing > span {
    color: #8f7dff;
    background: rgba(143, 125, 255, 0.16);
}
.modern_partner_connect_action > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    color: #8f7dff;
    background: rgba(143, 125, 255, 0.16);
    border-radius: 7px;
    font-size: 11px;
}
.modern_partner_connect_action div {
    min-width: 0;
    flex: 1;
}
.modern_partner_connect_action strong,
.modern_partner_connect_action small {
    display: block;
}
.modern_partner_connect_action strong {
    color: var(--modern-text);
    font-size: 9px;
}
.modern_partner_connect_action small {
    margin-top: 3px;
    overflow: hidden;
    color: #8e9bc5;
    font-size: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.modern_partner_connect_action b {
    color: var(--modern-mint);
    font-size: 9px;
}
.modern_partner_connect_notification {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    padding: 9px 10px;
    color: #dce5ff;
    background: rgba(85, 231, 161, 0.12);
    border: 1px solid rgba(85, 231, 161, 0.25);
    border-radius: 10px;
    animation: modern_partner_connect_notification 5.5s ease-in-out infinite;
}
.modern_partner_connect_notification > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    color: #071226;
    background: var(--modern-mint);
    border-radius: 7px;
    font-size: 9px;
}
.modern_partner_connect_notification strong,
.modern_partner_connect_notification small {
    display: block;
}
.modern_partner_connect_notification strong {
    font-size: 9px;
}
.modern_partner_connect_notification small {
    margin-top: 2px;
    color: #94bcae;
    font-size: 8px;
}
@keyframes modern_partner_connect_incoming {
    0%, 100% { transform: translateX(-12px); opacity: 0.35; }
    14%, 72% { transform: translateX(0); opacity: 1; }
}
@keyframes modern_partner_connect_outgoing {
    0%, 100% { transform: translateX(12px); opacity: 0.35; }
    14%, 72% { transform: translateX(0); opacity: 1; }
}
@keyframes modern_partner_connect_notification {
    0%, 100% { transform: translateY(4px); opacity: 0.45; }
    18%, 72% { transform: translateY(0); opacity: 1; }
}
.modern_partners_highlights {
    margin-top: 28px;
}
.modern_partners_section {
    padding-top: 76px;
    background:
        radial-gradient(
            circle at 84% 0%,
            var(--modern-border-blue-soft),
            transparent 38%
        ),
        radial-gradient(
            circle at 12% 10%,
            var(--modern-border-accent-soft),
            transparent 34%
        ),
        var(--modern-bg);
}
.modern_partners_section_heading {
    margin-bottom: 32px;
}
.modern_partners_grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 0;
}
.modern_partners_grid > .modern_partners_col {
    width: auto;
    max-width: none;
    padding: 0;
}
.modern_partners_grid .modern_partners_card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
    padding: 15px 20px;
    border: 1px solid rgba(71, 95, 198, 0.46);
    border-radius: 10px;
    box-shadow: 0 16px 34px rgba(3, 7, 20, 0.2);
    color: inherit;
    text-align: center;
    text-decoration: none;
    transition: border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}
.modern_partners_grid .modern_partners_identity {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}
.modern_partners_grid .modern_partners_card:hover {
    border-color: rgba(126, 109, 255, 0.78);
    box-shadow: 0 20px 42px rgba(6, 10, 28, 0.42);
    transform: translateY(-3px);
}
.modern_partners_grid .modern_partners_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    flex: 0 0 auto;
    margin: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.modern_partners_grid .modern_partners_logo_image {
    display: block;
    width: 38px;
    height: 38px;
    object-fit: contain;
    border-radius: 8px;
}
.modern_partners_grid .modern_partners_card h3 {
    text-transform: uppercase;
    margin: 0;
    color: var(--modern-lilac-bright);
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
}
.modern_partners_grid .modern_partners_card p {
    margin: 0;
    color: var(--modern-muted);
    font-size: 11px;
    line-height: 1.55;
    text-align: left;
}
.modern_changelog_entries {
    display: block;
    max-width: 900px;
    margin: 0 auto;
}
.modern_changelog_column {
    width: 100%;
    max-width: 900px;
    padding: 0;
}
.modern_changelog_list {
    position: relative;
    padding-left: 56px;
    margin: 0;
}
.modern_changelog_list::before {
    position: absolute;
    top: 28px;
    bottom: 0;
    left: 16px;
    width: 1px;
    background: rgba(126, 109, 255, 0.9);
    content: "";
}
.modern_changelog_entries
    > .modern_changelog_column
    > .modern_changelog_list
    > .blog_grid_item {
    position: relative;
    margin: 0 0 18px;
    padding: 26px 30px 24px 34px;
    background: linear-gradient(
        145deg,
        rgba(14, 27, 60, 0.96),
        rgba(7, 14, 32, 0.96)
    );
    border: 1px solid rgba(71, 95, 198, 0.46);
    border-radius: 10px;
}
.modern_changelog_entries
    > .modern_changelog_column
    > .modern_changelog_list
    > .blog_grid_item::before {
    position: absolute;
    top: 20px;
    left: -48px;
    opacity: 1;
    width: 15px;
    height: 15px;
    background: var(--modern-accent);
    border: 3px solid var(--modern-surface-dark);
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(126, 109, 255, 0.26);
    content: "";
    z-index: 1;
}
.modern_changelog_entries .blog_content {
    border: 0;
    border-radius: 0;
    padding: 0;
}
.modern_changelog_entries .entry_post_info {
    margin-bottom: 10px;
    color: var(--modern-lilac-bright);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}
.modern_changelog_entries .blog_content h5 {
    margin-bottom: 14px;
    color: var(--modern-text);
    font-family: 'DM Sans', sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
}
.modern_changelog_entries .blog_content p {
    margin-bottom: 12px;
    color: var(--modern-muted);
    font-size: 14px;
    line-height: 1.75;
}
.modern_changelog_entries .blog_content p:last-child {
    margin-bottom: 0;
}
.modern_changelog_entries .blog_content strong {
    color: var(--modern-text);
    font-weight: 600;
}
.modern_changelog_entries .blog_content a {
    color: var(--modern-lilac-bright);
    font-weight: 500;
}
.modern_support_section {
    background:
        radial-gradient(
            circle at 92% 100%,
            rgba(77, 131, 255, 0.13),
            transparent 45%
        ),
        #080f21;
}
.modern_support_grid {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 70px;
    align-items: start;
}
.modern_support_intro p {
    max-width: 300px;
    font-size: 13px;
}
.modern_support_hero {
    padding-top: 154px;
    padding-bottom: 82px;
    background:
        radial-gradient(
            circle at 86% 12%,
            var(--modern-glow-blue-strong),
            transparent 35%
        ),
        radial-gradient(
            circle at 8% 80%,
            var(--modern-glow-violet-soft),
            transparent 34%
        ),
        var(--modern-bg);
}
.modern_support_hero_grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
    align-items: center;
    gap: 70px;
}
.modern_support_hero_copy {
    max-width: 570px;
}
.modern_support_hero_copy > p {
    max-width: 520px;
    margin: 0;
    font-size: 15px;
}
.modern_support_stats {
    margin-top: 30px;
}
.modern_support_terminal {
    position: relative;
    width: min(100%, 500px);
    margin: 0 auto;
    isolation: isolate;
    overflow: visible;
    transform: perspective(1200px) rotateY(-4deg) rotateX(2deg);
    transform-style: preserve-3d;
    border: 1px solid rgba(126, 109, 255, 0.42);
    border-radius: 12px;
    background: var(--modern-surface-dark);
    box-shadow: 0 26px 70px rgba(2, 5, 18, 0.45);
}
.modern_support_terminal::before {
    position: absolute;
    z-index: -1;
    inset: -22% -14%;
    border-radius: 50%;
    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(118, 88, 255, 0.32),
            transparent 42%
        ),
        radial-gradient(
            circle at 70% 35%,
            rgba(77, 131, 255, 0.22),
            transparent 34%
        );
    filter: blur(24px);
    content: "";
    pointer-events: none;
}
.modern_support_terminal_bar {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 48px;
    padding: 0 18px;
    border-bottom: 1px solid rgba(126, 109, 255, 0.18);
    color: var(--modern-muted);
    font-size: 11px;
}
.modern_support_terminal_bar span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--modern-accent);
}
.modern_support_terminal_bar span:nth-child(2) {
    background: var(--modern-accent-2);
}
.modern_support_terminal_bar span:nth-child(3) {
    background: var(--modern-green);
}
.modern_support_terminal_bar b {
    margin-left: 8px;
    font-weight: 500;
}
.modern_support_terminal_body {
    border-radius: 12px;
    position: relative;
    min-height: 272px;
    padding: 26px 30px 24px;
    background: linear-gradient(
        145deg,
        rgba(15, 27, 62, 0.8),
        rgba(6, 13, 31, 0.96)
    );
    font-size: 13px;
    line-height: 1.5;
}
.modern_support_chat_intro {
    display: flex;
    align-items: center;
    gap: 14px;
    max-width: 350px;
    margin: 8px auto 18px;
    color: var(--modern-text);
}
.modern_support_chat_intro > i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    border-radius: 12px;
    color: #c3aaff;
    background: var(--modern-glow-violet-strong);
    backdrop-filter: blur(2px);
    font-size: 18px;
}
.modern_support_chat_intro strong,
.modern_support_chat_intro span {
    display: block;
}
.modern_support_chat_intro strong {
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 600;
}
.modern_support_chat_intro span {
    color: var(--modern-muted);
    font-size: 12px;
}
.modern_support_chat_message {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    max-width: 350px;
    margin: 0 auto 14px;
    padding: 13px 16px;
    border: 1px solid rgba(118, 88, 255, 0.36);
    border-radius: 12px 12px 12px 3px;
    color: var(--modern-text);
    background: var(--modern-glow-violet);
    font-size: 12px;
    line-height: 1.6;
}
.modern_support_chat_message span {
    flex: 1;
}
.modern_support_chat_message i {
    flex: 0 0 auto;
    color: var(--modern-lilac-bright);
    font-size: 16px;
}
.modern_support_chat_prompts {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    max-width: 410px;
    margin: 0 auto 17px;
}
.modern_support_chat_prompts a {
    padding: 6px 10px;
    border: 0;
    border-radius: 999px;
    color: #a9c7ff;
    background: rgba(77, 131, 255, 0.1);
    font-size: 10px;
    text-decoration: none;
    transition:
        border-color 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease;
}
.modern_support_chat_input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 410px;
    min-height: 38px;
    margin: 0 auto;
    padding: 0 13px;
    border: 1px solid rgba(126, 109, 255, 0.46);
    border-radius: 8px;
    color: #66749e;
    background: rgba(5, 9, 24, 0.72);
    font-size: 11px;
    text-decoration: none;
    transition:
        border-color 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease;
}
.modern_support_chat_input span {
    color: rgba(155, 125, 255, 0.72);
}
.modern_support_chat_prompts a:hover {
    color: #a9c7ff;
    border-color: rgba(126, 109, 255, 0.78);
    background: var(--modern-border-blue-soft);
    box-shadow: 0 5px 16px rgba(48, 92, 193, 0.16);
}
.modern_support_chat_input:hover {
    color: #66749e;
    border-color: rgba(155, 125, 255, 0.78);
    background: rgba(5, 9, 24, 0.84);
    box-shadow: 0 5px 18px rgba(84, 66, 194, 0.16);
    text-decoration: none;
}
.modern_support_chat_input i {
    color: #9b7dff;
    font-size: 14px;
}
.modern_support_float_icon.fa-solid {
    display: flex;
}
.modern_support_resources,
.modern_support_contact_section {
    scroll-margin-top: 24px;
}
.modern_support_resource_card#seller,
.modern_support_resource_card#developers {
    scroll-margin-top: 15px;
}
.modern_404_section {
    min-height: 680px;
    padding-top: 150px;
    padding-bottom: 100px;
    background:
        radial-gradient(
            circle at 82% 34%,
            var(--modern-glow-blue),
            transparent 32%
        ),
        radial-gradient(
            circle at 8% 86%,
            var(--modern-glow-violet),
            transparent 36%
        ),
        var(--modern-bg);
}
.modern_404_layout {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(360px, 1.15fr);
    align-items: center;
    gap: 72px;
    transform: translateX(clamp(0px, 12vw, 145px));
}
.modern_404_copy {
    position: relative;
    z-index: 2;
    max-width: 540px;
    text-align: center;
}
.modern_404_copy h1 {
    margin: 18px 0 18px;
    font-size: clamp(42px, 6vw, 48px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -2px;
}
.modern_404_copy h1 span,
.modern_404_copy h1 strong {
    display: block;
}
.modern_404_copy h1 strong {
    color: var(--modern-accent);
    background: var(--modern-gradient-heading);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.modern_404_copy > p {
    max-width: 430px;
    margin: 0 auto;
    font-size: 15px;
}
.modern_404_actions {
    justify-content: center;
    margin-top: 28px;
}
.modern_404_terminal {
    position: relative;
    z-index: 1;
    width: min(100%, 620px);
    margin: 0 0 0 -280px;
    overflow: visible;
    isolation: isolate;
    transform: perspective(1200px) rotateY(-5deg) rotateX(2deg) scale(0.94);
    transform-origin: center right;
    border: 1px solid rgba(126, 109, 255, 0.36);
    border-radius: 12px;
    background: rgba(8, 15, 35, 0.4);
    opacity: 0.62;
    filter: blur(3px);
    box-shadow: 0 28px 75px rgba(2, 5, 18, 0.46);
}
.modern_404_terminal::before {
    position: absolute;
    z-index: -1;
    inset: -20% -14%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(118, 88, 255, 0.34), transparent 62%);
    filter: blur(25px);
    content: '';
}
.modern_404_terminal_bar {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 48px;
    padding: 0 18px;
    border-bottom: 1px solid rgba(126, 109, 255, 0.2);
    color: var(--modern-muted);
    font-size: 11px;
}
.modern_404_terminal_bar > span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--modern-accent);
}
.modern_404_terminal_bar > span:nth-child(2) { background: var(--modern-accent-2); }
.modern_404_terminal_bar > span:nth-child(3) { background: var(--modern-green); }
.modern_404_terminal_bar b {
    margin-left: 8px;
    font-weight: 500;
}
.modern_404_terminal_bar em {
    margin-left: auto;
    color: #ff9caa;
    font-size: 10px;
    font-style: normal;
    text-transform: uppercase;
}
.modern_404_terminal_body {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 270px;
    padding: 28px 30px 25px;
    overflow: hidden;
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(15, 27, 62, 0.4), rgba(6, 13, 31, 0.56));
    font-size: 13px;
}
.modern_404_cloud_icon {
    position: absolute;
    display: block;
    width: 180px;
    height: 180px;
    top: 50%;
    left: 50%;
    color: var(--modern-border-accent-soft);
    font-size: 180px;
    line-height: 180px;
    text-align: center;
    transform: translate(-50%, -50%) rotate(-8deg);
}
.modern_404_terminal_message {
    position: relative;
    z-index: 1;
    margin: 0 auto 28px;
    text-align: center;
}
.modern_404_terminal_message strong,
.modern_404_terminal_message span {
    display: block;
}
.modern_404_terminal_message strong {
    margin-bottom: 7px;
    color: var(--modern-text);
    font-size: 19px;
    font-weight: 600;
}
.modern_404_terminal_message span {
    color: #a9b8e4;
    font-size: 12px;
}
.modern_404_terminal_status {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: fit-content;
    margin: 0 auto;
    padding: 8px 13px;
    border: 1px solid rgba(255, 126, 146, 0.3);
    border-radius: 999px;
    color: #ffabb6;
    background: rgba(255, 91, 119, 0.08);
    font-size: 12px;
}
.modern_404_terminal_status i { font-size: 13px; }
.modern_404_code_line {
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 12px;
    min-height: 31px;
    color: #cbd5f5;
    font-family: monospace;
    font-size: 12px;
}
.modern_404_code_line small { color: #556489; }
.modern_404_code_purple { color: #bd9cff; }
.modern_404_code_green { color: #72e2ae; }
.modern_404_code_blue { color: #78c8ff; }
.modern_404_code_error { color: #ff9eaa; }
.modern_404_code_error i { margin-right: 7px; }
.modern_404_code_error span { color: #7785ad; }
.modern_404_terminal_alert {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 24px 0 28px;
    padding: 13px 15px;
    border: 1px solid rgba(255, 126, 146, 0.3);
    border-radius: 8px;
    color: #ffabb6;
    background: rgba(255, 91, 119, 0.08);
}
.modern_404_terminal_alert > i { font-size: 17px; }
.modern_404_terminal_alert strong,
.modern_404_terminal_alert span { display: block; }
.modern_404_terminal_alert strong { margin-bottom: 3px; color: #ffe1e5; font-size: 12px; }
.modern_404_terminal_alert span { color: #aab5d7; font-size: 11px; }
.modern_404_terminal_cursor {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #75e3ae;
    font-family: monospace;
    font-size: 12px;
}
.modern_404_terminal_cursor b { color: #a7b7e5; font-weight: 400; }
.modern_404_terminal_cursor i {
    width: 7px;
    height: 15px;
    background: #72c8ff;
    animation: modern404Blink 1s steps(2, start) infinite;
}
@keyframes modern404Blink { 50% { opacity: 0; } }
.modern_support_float_icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    z-index: 3;
    border-radius: 11px;
    color: #bda8ff;
    background: rgba(86, 71, 218, 0.24);
    backdrop-filter: blur(2px);
    font-size: 20px;
    animation: modernSupportFloat 4s ease-in-out infinite;
}
.modern_support_float_icon_book {
    top: -20px;
    left: -24px;
}
.modern_support_float_icon_code {
    top: 18px;
    right: -24px;
    color: #8db9ff;
    background: var(--modern-glow-blue-strong);
    animation-delay: -1s;
}
.modern_support_float_icon_cart {
    bottom: -32px;
    left: 32px;
    color: var(--modern-green-light);
    background: var(--modern-glow-green);
    animation-delay: -2s;
}
.modern_support_float_icon_headset {
    right: -24px;
    bottom: -18px;
    color: #ff9df1;
    background: rgba(196, 92, 255, 0.2);
    animation-delay: -3s;
}
@keyframes modernSupportFloat {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
}
.modern_support_resources {
    padding-top: 76px;
    background:
        radial-gradient(
            circle at 6% 0%,
            var(--modern-glow-purple),
            transparent 35%
        ),
        radial-gradient(
            circle at 94% 100%,
            var(--modern-glow-cyan),
            transparent 40%
        ),
        var(--modern-surface-dark);
}
.modern_support_section_heading {
    margin-bottom: 30px;
}
.modern_support_section_heading p {
    max-width: 500px;
    margin-bottom: 0;
    font-size: 13px;
}
.modern_support_resource_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
.modern_support_resource_card {
    display: flex;
    flex-direction: column;
    min-height: 286px;
    padding: 28px;
    border: 1px solid rgba(71, 95, 198, 0.46);
    border-radius: 10px;
    background: linear-gradient(
        145deg,
        rgba(14, 27, 60, 0.96),
        rgba(7, 14, 32, 0.96)
    );
    box-shadow: 0 16px 34px rgba(3, 7, 20, 0.2);
}
.modern_support_resource_header {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    align-items: start;
    gap: 22px;
}
.modern_support_resource_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin: 0;
    border-radius: 9px;
    color: var(--modern-lilac-bright);
    background: var(--modern-glow-purple);
    backdrop-filter: blur(2px);
    font-size: 25px;
}
.modern_support_resource_icon_developer {
    color: var(--modern-cyan);
    background: var(--modern-glow-cyan);
}
.modern_support_chip {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 0 11px;
    border: 0;
    border-radius: 999px;
    color: #c8bbff;
    background: rgba(118, 88, 255, 0.15);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.4px;
}
.modern_support_chip_blue {
    color: var(--modern-cyan);
    background: var(--modern-glow-cyan);
}
.modern_support_resource_card h3 {
    margin: 10px 0 10px;
    color: var(--modern-text);
    font-size: 22px;
    font-weight: 600;
}
.modern_support_resource_card p {
    max-width: 430px;
    margin: 0;
    font-size: 13px;
}
.modern_support_resource_description {
    max-width: none !important;
    margin-top: 22px !important;
    margin-bottom: 24px !important;
}
.modern_support_resource_card > .modern_button {
    align-self: flex-start;
    margin-top: auto;
}
.modern_support_doc_grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    margin-top: auto;
}
.modern_support_doc_card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    min-width: 0;
    flex: 1 1 0;
    min-height: 82px;
    padding: 16px;
    border: 1px solid rgba(77, 131, 255, 0.42);
    border-radius: 8px;
    color: var(--modern-text);
    background: rgba(7, 21, 52, 0.72);
    transition:
        color 0.2s ease,
        border-color 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease;
}
.modern_support_doc_card_developer {
    border-color: rgba(72, 185, 255, 0.46);
    background: rgba(40, 155, 221, 0.11);
}
.modern_support_doc_title {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.modern_support_doc_title > i:first-child {
    flex: 0 0 auto;
    color: var(--modern-cyan);
    font-size: 25px;
}
.modern_support_doc_title > strong {
    min-width: 0;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
}
.modern_support_doc_title > i:last-child {
    flex: 0 0 auto;
    margin-left: auto;
    color: var(--modern-cyan);
    font-size: 17px;
}
.modern_support_doc_card small {
    display: block;
    margin: 0;
}
.modern_support_doc_card small {
    color: var(--modern-muted);
    font-size: 10px;
    line-height: 1.5;
}
.modern_support_doc_card:hover {
    color: var(--modern-white);
    border-color: rgba(98, 200, 255, 0.88);
    background: rgba(40, 155, 221, 0.2);
    box-shadow: 0 10px 24px rgba(20, 117, 177, 0.16);
}
.modern_support_tutorials_section {
    padding-top: 54px;
    padding-bottom: 54px;
    background:
        radial-gradient(
            circle at 88% 40%,
            var(--modern-border-accent-soft),
            transparent 42%
        ),
        var(--modern-surface-dark);
}
.modern_support_tutorials_section > .container {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: 56px;
}
.modern_support_tutorials_section .modern_support_section_heading {
    margin: 0;
}
.modern_support_tutorial_card {
    max-width: 560px;
    min-height: 0;
    margin: 0 0 0 auto;
    padding: 22px 24px;
}
.modern_support_faq_section {
    background: var(--modern-bg);
}
.modern_pricing_faq_section > .container {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    align-items: start;
    gap: 56px;
}
.modern_pricing_faq_section .modern_support_faq_heading {
    margin: 0;
}
.modern_pricing_faq_section .modern_support_faq_columns {
    grid-template-columns: 1fr;
}
.modern_support_faq_heading {
    max-width: 570px;
    margin-bottom: 30px;
}
.modern_support_faq_heading p {
    margin-bottom: 0;
    font-size: 13px;
}
.modern_support_faq_columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
.modern_support_faq_group {
    display: block;
    margin: 20px 0 12px;
    color: var(--modern-lilac);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.modern_support_faq_group:first-child {
    margin-top: 0;
}
.modern_support_contact_section {
    background:
        radial-gradient(
            ellipse at 50% 110%,
            rgba(74, 49, 201, 0.45),
            transparent 57%
        ),
        #071024;
}
.modern_support_contact_grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(250px, 0.7fr);
    align-items: stretch;
    gap: 18px;
}
.modern_support_contact_card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 34px 38px;
    border: 1px solid rgba(118, 88, 255, 0.34);
    border-radius: 10px;
    background: linear-gradient(
        110deg,
        rgba(39, 30, 105, 0.8),
        rgba(17, 37, 86, 0.8)
    );
}
.modern_support_discord_card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 170px;
    padding: 22px 24px;
    border: 1px solid rgba(126, 109, 255, 0.4);
    border-radius: 10px;
    color: var(--modern-text);
    background: linear-gradient(145deg, #2c246d, #151c4d 70%, #172d63);
    box-shadow: 0 14px 35px rgba(3, 6, 24, 0.24);
    overflow: hidden;
    position: relative;
}
.modern_support_discord_top,
.modern_support_discord_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
}
.modern_support_discord_top span,
.modern_support_discord_footer span {
    color: #b8b0ec;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.1px;
}
.modern_support_discord_top i {
    position: absolute;
    right: -22px;
    bottom: -25px;
    z-index: 0;
    color: rgba(216, 212, 255, 0.3);
    font-size: 208px;
    line-height: 1;
    transform: rotate(-8deg);
    pointer-events: none;
}
.modern_support_discord_card strong {
    display: block;
    position: relative;
    z-index: 1;
    font-size: 21px;
    font-weight: 500;
}
.modern_support_discord_top span {
    position: relative;
    z-index: 1;
    color: var(--modern-lilac-bright);
    font-size: 11px;
    letter-spacing: 0.09em;
}
.modern_support_discord_footer span {
    color: var(--modern-muted);
}
.modern_support_discord_footer i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    color: var(--modern-white);
    background: rgb(126 109 255 / 54%);
    backdrop-filter: blur(2px);
    font-size: 16px;
    transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}
.modern_support_discord_card:hover .modern_support_discord_footer i {
    color: var(--modern-white);
    background: rgb(126 109 255 / 86%);
    transform: translateX(2px);
}
.modern_support_contact_card h2 {
    margin: 10px 0 6px;
    color: var(--modern-text);
    font-size: 26px;
}
.modern_support_contact_card p {
    margin: 0;
    font-size: 13px;
}
.modern_legal_hero {
    padding-top: 150px;
    padding-bottom: 78px;
    background: radial-gradient(circle at 84% 18%, var(--modern-glow-blue), transparent 34%), radial-gradient(circle at 10% 90%, var(--modern-glow-violet), transparent 38%), var(--modern-bg);
}
.modern_legal_hero_grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
    align-items: center;
    gap: 70px;
}
.modern_legal_intro {
    max-width: 600px;
}
.modern_legal_intro > p {
    max-width: 520px;
    margin: 0;
    font-size: 15px;
}
.modern_legal_business {
    padding: 22px;
    border: 1px solid var(--modern-border-accent);
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(17, 29, 62, 0.76), rgba(8, 15, 35, 0.7));
    box-shadow: 0 18px 45px rgba(2, 5, 18, 0.24);
}
.modern_legal_business_kicker {
    display: block;
    margin-bottom: 14px;
    color: #8f9fc8;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.4px;
}
.modern_legal_info_identity {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(116, 129, 255, 0.14);
}
.modern_legal_info_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: #b09bff;
    background: var(--modern-border-accent-soft);
}
.modern_legal_info_identity h6 {
    margin: 2px 0 0;
    color: #f0f2ff;
    font-size: 17px;
    font-weight: 600;
}
.modern_legal_info_label {
    display: block;
    color: #8593bb;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.3;
    text-transform: uppercase;
}
.modern_legal_info_grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 14px;
}
.modern_legal_info_card {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    padding: 3px 0;
}
.modern_legal_info_icon {
    width: 27px;
    height: 27px;
    border-radius: 7px;
    font-size: 12px;
}
.modern_legal_info_card strong,
.modern_legal_info_card p {
    display: block;
    margin: 4px 0 0;
    color: #d9def4;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.45;
}
.modern_legal_info_card p {
    color: #8997bb;
}
.modern_legal_info_card a {
    color: #b09bff;
}
.modern_legal_breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 24px;
    color: #7786ad;
    font-size: 13px;
}
.modern_legal_breadcrumb a {
    color: var(--modern-lilac-bright);
}
.modern_legal_breadcrumb i {
    color: #53648e;
    font-size: 9px;
}
.modern_legal_breadcrumb_date {
    margin-left: auto;
    color: #9aa8cb;
}
.modern_legal_content {
    padding-top: 72px;
    padding-bottom: 100px;
    background: var(--modern-surface-dark);
}
.modern_legal_content_wrap {
    max-width: 900px;
}
.modern_legal_content .details_content {
    padding: 38px 42px;
    border: 1px solid rgba(116, 129, 255, 0.18);
    border-radius: 10px;
    background: rgba(8, 15, 35, 0.62);
    box-shadow: 0 18px 50px rgba(2, 5, 18, 0.2);
}
.modern_legal_content .details_content h3 {
    color: var(--modern-text);
    font-size: 22px;
}
.modern_legal_content .details_content p,
.modern_legal_content .details_content li {
    color: #aeb9d7;
    font-size: 14px;
    line-height: 1.8;
}
.modern_legal_content .details_content li {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 5px 0;
    margin-bottom: 0;
}
.modern_legal_content .details_content ul.list-unstyled {
    padding: 5px 0;
}
.modern_legal_content .details_content li > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    margin-top: 2px;
    font-size: 14px;
    line-height: 1;
}
.modern_legal_content .details_content li > i.fa-circle-info {
    color: #67b8ff;
}
.modern_legal_content .details_content li > i.fa-xmark {
    color: #ff7894;
}
.modern_legal_content .details_content li > i.fa-check {
    color: #63d7a4;
}
.modern_legal_content .details_content li > i.fa-arrow-right {
    color: var(--modern-lilac-bright);
}
.modern_legal_content .details_content li > i.fa-exclamation-triangle {
    color: #ffad4d;
}
.modern_legal_content .details_content a {
    color: var(--modern-lilac-bright);
}
.modern_legal_content .job_deatails_content {
    padding: 0 0 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid rgba(116, 129, 255, 0.14);
}
.modern_legal_content .job_deatails_content:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.modern_faq_item {
    margin-bottom: 9px;
    background: #0d1834;
    border: 1px solid rgba(80, 101, 196, 0.32);
    border-radius: 6px;
}
.modern_faq_header h5 {
    margin: 0;
}
.modern_faq_toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 18px;
    color: #dce2fa;
    background: transparent;
    border: 0;
    cursor: pointer;
    font-size: 13px;
    text-align: left;
}
.modern_faq_toggle:hover,
.modern_faq_toggle:focus {
    color: #dce2fa;
    background: transparent;
}
.modern_faq_toggle i {
    margin-left: 12px;
    color: #8270f5;
    font-size: 12px;
}
.modern_faq_toggle .fa-minus,
.modern_faq_toggle:not(.collapsed) .fa-plus {
    display: none;
}
.modern_faq_toggle:not(.collapsed) .fa-minus {
    display: inline-block;
}
.modern_faq_body {
    padding: 0 18px 14px;
    color: var(--modern-muted);
    line-height: 1.7;
    font-size: 12px;
}
.modern_payments_section {
    padding-top: 50px;
    padding-bottom: 80px;
    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(118, 88, 255, 0.1),
            transparent 60%
        ),
        var(--modern-bg);
}
.modern_payments_split {
    display: block;
}
.modern_payments_intro {
    max-width: 760px;
    margin: 0 0 30px;
}
.modern_payments_intro .modern_heading {
    margin: 0;
    text-align: left;
}
.modern_payments_intro .modern_heading h2 {
    max-width: 760px;
}
.modern_payments_intro .modern_heading p {
    max-width: 760px;
    font-size: 13px;
    line-height: 1.55;
}
.modern_payment_track {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr)) minmax(116px, max-content);
    gap: 8px;
    width: 100%;
    min-width: 0;
    max-width: 1000px;
    margin: 0;
}
.modern_payment_logo {
    --payment-offset: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 76px;
    padding: 4px 5px;
    color: #dce2ff;
    font-size: 10px;
    font-weight: 600;
    transform: none;
    transition: none;
}
.modern_payments_section .modern_payment_logo {
    --payment-offset: 0px;
    transform: none;
}
.modern_payment_more {
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
    align-self: center;
    justify-self: end;
    min-height: 52px;
    width: 100%;
    max-width: none;
    min-width: 116px;
    padding: 8px 14px;
    border-radius: 8px;
    border: 0;
    color: var(--modern-muted);
    background: var(--modern-glow-violet-soft);
    font-family: inherit;
    cursor: pointer;
}
.modern_payment_more i {
    flex: 0 0 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: var(--modern-lilac-bright);
    background: rgba(148, 129, 255, 0.2);
    border-radius: 7px;
    font-size: 13px;
}
.modern_payment_more b {
    min-width: max-content;
    color: var(--modern-muted);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}
.modern_payment_name {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.modern_payment_logo:hover {
    transform: translateY(calc(var(--payment-offset) - 3px));
}
.modern_payments_section .modern_payment_logo:hover,
.modern_payments_section .modern_payment_logo:focus {
    transform: none;
    outline: none;
}
.modern_payment_icon {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 48px;
    background-image: var(--payment-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 0 0 auto;
}
.modern_payment_logo .modern_payment_icon {
    width: 170px;
    height: 56px;
    max-width: 100%;
    transform: scale(1.15);
}
.modern_payment_logo_paypal .modern_payment_icon {
    width: 150px;
    max-width: none;
}
.modern_payment_logo:nth-child(5n + 2) {
    --payment-offset: 22px;
}
.modern_payment_logo:nth-child(5n + 3) {
    --payment-offset: 44px;
}
.modern_payment_logo:nth-child(5n + 4) {
    --payment-offset: 22px;
}
.modern_payment_logo:nth-child(5n + 5) {
    --payment-offset: 0px;
}
#modernPaymentModal .modal-dialog {
    max-width: 760px;
}
.modern_payment_modal_grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.modern_payment_modal_item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 66px;
    padding: 8px;
}
.modern_payment_modal_item .modern_payment_icon {
    width: 170px;
    height: 56px;
    max-width: 100%;
}
.modern_games_modal .modal-dialog {
    max-width: 860px;
}
.modern_games_modal_grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.modern_games_modal_item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 80px;
    padding: 8px;
}
.modern_games_modal_item img {
    width: 100%;
    height: 68px;
    object-fit: contain;
}
.modern_payment_icon_bacs,
.modern_payment_icon_multibanco {
    transform: scale(1.5);
    position: relative;
    z-index: 1;
}
.modern_testimonials_section {
    background:
        radial-gradient(
            circle at 6% 0%,
            rgba(85, 231, 161, 0.06),
            transparent 35%
        ),
        radial-gradient(
            circle at 94% 100%,
            rgba(126, 109, 255, 0.12),
            transparent 40%
        ),
        var(--modern-surface-dark);
}
.modern_testimonials_section .modern_heading {
    margin-bottom: 40px;
}
.modern_testimonial_carousel {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 70px;
}
.modern_testimonial_track {
    display: flex;
    gap: 14px;
    overflow-x: hidden;
    scroll-behavior: auto;
}
.modern_testimonial_card {
    flex: 0 0 auto;
    width: 340px;
    padding: 22px 20px;
    background: rgba(255, 255, 255, 0.015);
    border: 1px solid rgba(89, 112, 219, 0.14);
    border-radius: 8px;
}
.modern_testimonial_rating {
    display: flex;
    gap: 3px;
    margin-bottom: 12px;
    color: #ffb648;
    font-size: 11px;
}
.modern_testimonial_rating .modern_star_empty {
    color: rgba(255, 182, 72, 0.25);
}
.modern_testimonial_card p {
    margin: 0 0 18px;
    color: #97a1c2;
    font-size: 12px;
    line-height: 1.7;
    min-height: 84px;
}
.modern_testimonial_author {
    display: flex;
    align-items: center;
    gap: 11px;
}
.modern_testimonial_author img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    opacity: 0.9;
}
.modern_testimonial_author strong {
    display: block;
    color: #c9cfe8;
    font-size: 12px;
    font-weight: 600;
}
.modern_testimonial_author span {
    display: block;
    color: #5c688c;
    font-size: 10px;
}
.modern_carousel_arrow {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: var(--modern-text);
    background: var(--modern-surface-dark);
    border: 1px solid var(--modern-line);
    border-radius: 7px;
    opacity: 0.4;
    cursor: pointer;
    transform: translateY(-50%);
    transition: border-color 180ms ease;
}
.modern_testimonial_carousel:hover .modern_carousel_arrow {
    opacity: 1;
}
.modern_demo_carousel:hover .modern_carousel_arrow {
    opacity: 1;
}
.modern_carousel_arrow:hover {
    opacity: 1;
    color: var(--modern-white);
    background: var(--modern-surface-dark);
    border-color: var(--modern-accent);
    transform: translateY(-50%);
}
.modern_carousel_prev {
    left: 20px;
}
.modern_carousel_next {
    right: 20px;
}
.modern_demo_carousel {
    position: relative;
    max-width: 1300px;
    margin: 0 auto;
}
.modern_demo_track {
    display: flex;
    gap: 20px;
    overflow-x: hidden;
    scroll-behavior: auto;
}
.modern_demo_card {
    flex: 0 0 auto;
    width: 260px;
    overflow: hidden;
    cursor: pointer;
    background: linear-gradient(
        145deg,
        rgba(17, 29, 62, 0.9),
        rgba(8, 15, 35, 0.8)
    );
    border: 1px solid var(--modern-border-blue);
    border-radius: 9px;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.modern_feature_card_secure {
    background: linear-gradient(
        145deg,
        rgba(14, 67, 59, 0.92),
        rgba(7, 29, 38, 0.92)
    );
    border-color: rgba(74, 222, 160, 0.52);
    box-shadow: 0 12px 30px rgba(20, 184, 130, 0.12);
}
.modern_feature_card_secure > i {
    color: var(--modern-green-bright);
    background: rgba(39, 196, 139, 0.2);
}
.modern_feature_card_analytics {
    background: linear-gradient(
        145deg,
        rgba(22, 48, 98, 0.94),
        rgba(9, 23, 55, 0.92)
    );
    border-color: rgba(77, 196, 255, 0.52);
    box-shadow: 0 12px 30px rgba(39, 160, 255, 0.14);
}
.modern_feature_card_analytics > i {
    color: var(--modern-cyan);
    background: rgba(52, 174, 255, 0.2);
    transition:
        transform 0.25s ease,
        border-color 0.25s ease;
}
.modern_demo_card:hover {
    border-color: rgba(126, 109, 255, 0.6);
}
.modern_demo_thumb {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: var(--modern-surface-dark);
}
.modern_demo_thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: top;
    transition: transform 0.4s ease;
}
.modern_demo_card:hover .modern_demo_thumb img {
    transform: scale(1.06);
}
.modern_demo_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 16px 18px;
}
.modern_demo_info h3 {
    margin: 0 0 4px;
    color: var(--modern-text);
    font-size: 15px;
    font-weight: 600;
}
.modern_demo_info small {
    color: var(--modern-muted);
    font-size: 11px;
}
.modern_demo_arrow {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: var(--modern-text);
    background: transparent;
    border: 0;
    border-radius: 0;
    font-size: 16px;
    text-decoration: none;
    transition:
        color 0.2s ease,
        transform 0.2s ease;
}
.modern_demo_arrow:hover {
    color: var(--modern-lilac-bright);
    text-decoration: none;
    transform: scale(1.06);
}
.modern_games_section {
    padding: 70px;
    background:
        radial-gradient(
            circle at 0% 100%,
            rgb(118 88 255 / 8%),
            transparent 65%
        ),
        radial-gradient(
            circle at 100% 0%,
            rgb(77 131 255 / 26%),
            transparent 65%
        ),
        var(--modern-bg);
}
.modern_games_split {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    align-items: center;
    gap: 60px;
}
.modern_games_intro {
    max-width: 440px;
}
.modern_games_intro h2 strong,
.modern_games_intro .modern_heading_accent {
    color: var(--modern-accent);
}
.modern_games_intro p {
    margin: 0;
    font-size: 13px;
}
.modern_games_stats {
    display: flex;
    gap: 22px;
    margin-top: 30px;
}
.modern_games_stat {
    display: flex;
    align-items: center;
    gap: 10px;
}
.modern_games_stat:last-child {
    padding-right: 0;
    border-right: 0;
}
.modern_games_stat i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    color: var(--modern-lilac-bright);
    background: var(--modern-glow-purple);
    border-radius: 9px;
    font-size: 15px;
}
.modern_games_stat strong {
    display: block;
    color: var(--modern-text);
    font-size: 12px;
    font-weight: 600;
}
.modern_games_stat span {
    display: block;
    color: var(--modern-muted);
    font-size: 10px;
}
.modern_demos_inline {
    margin-top: 30px;
}
.modern_demos_inline .modern_kicker {
    display: block;
    margin-bottom: 10px;
}
.modern_demos_inline p {
    margin: 0 0 18px;
    color: var(--modern-muted);
    font-size: 13px;
}
.modern_demo_carousel.modern_demo_carousel_compact {
    max-width: 420px;
    margin: 0;
    padding: 0;
}
.modern_demo_carousel_compact .modern_demo_card {
    flex-basis: 200px;
    width: 200px;
}
.modern_demo_carousel_compact .modern_carousel_prev {
    left: -40px;
}
.modern_demo_carousel_compact .modern_carousel_next {
    right: -40px;
}
.modern_games_stage {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    max-width: 520px;
    margin: 0 auto;
    perspective: 900px;
}
.modern_games_oval_glow {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    width: 100%;
    height: 80%;
    background: radial-gradient(
        ellipse at center,
        rgba(118, 88, 255, 0.32),
        rgba(77, 131, 255, 0.14) 15%,
        transparent 95%
    );
    border-radius: 50%;
    filter: blur(18px);
    transform: translate(-45%, -55%);
}
.modern_games_orbit {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: visible;
}
.modern_games_orbit path {
    fill: none;
    stroke: var(--modern-border-accent);
    stroke-width: 1.5;
    stroke-dasharray: 5 6;
}
.modern_games_dot {
    fill: #8ea2ff;
    opacity: 0;
    filter: drop-shadow(0 0 5px rgba(126, 145, 255, 0.9));
}
.modern_game_float {
    appearance: none;
    padding: 0;
    color: inherit;
    box-shadow: 6px 6px rgb(126 109 255 / 50%);
    border: 1px solid rgba(126, 109, 255, 0.6);
    border-radius: 10px;
    backdrop-filter: blur(3px);
    background: rgba(126, 109, 255, 0.05);
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    transform-style: preserve-3d;
    transition: transform 0.35s ease;
    cursor: pointer;
}
.modern_game_float:focus {
    outline: unset;
}
.modern_game_float:hover {
    --hover-scale: 1.1;
    z-index: 4;
}
.modern_game_float img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(5px 5px 8px rgba(6, 10, 28, 0.9));
}
.modern_game_float_main {
    z-index: 3;
}
.modern_cta {
    padding: 80px 0;
    text-align: center;
    background:
        radial-gradient(
            ellipse at 50% 110%,
            rgba(74, 49, 201, 0.45),
            transparent 57%
        ),
        #071024;
}
.modern_cta_inner {
    max-width: 620px;
}
.modern_cta h2 {
    font-size: 34px;
}
.modern_cta p {
    margin-bottom: 24px;
    font-size: 13px;
}
.modern_footer {
    padding-top: 0;
    background: var(--modern-surface-dark) !important;
    border-top: 1px solid rgba(111, 128, 234, 0.14);
}
.modern_footer_top {
    padding: 64px 0 46px;
    background:
        radial-gradient(
            circle at 12% 0,
            rgba(79, 66, 206, 0.1),
            transparent 34%
        ),
        var(--modern-surface-dark);
}
.modern_footer_grid {
    display: grid;
    grid-template-columns: 1.5fr repeat(4, 1fr);
    gap: 30px;
}
.modern_footer_brand {
    max-width: 340px;
    min-width: 0;
}
.modern_footer .f-logo {
    display: inline-flex;
    margin-bottom: 18px;
}
.modern_footer .f-logo img {
    width: 130px;
    height: auto;
    filter: brightness(0) invert(1);
}
.modern_footer_tagline {
    max-width: 300px;
    margin: 0 0 20px;
    color: #8a95b8 !important;
    font-size: 13px;
    line-height: 1.7;
}
.modern_footer .widget-wrap p {
    margin: 0 0 8px;
    line-height: 1.6;
}
.modern_footer .widget-wrap p:last-child {
    margin-bottom: 0;
}
.modern_footer .f-title,
.modern_footer h3 {
    margin: 0 0 18px !important;
    color: #6c7aa0 !important;
    font-size: 11px !important;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.modern_footer p,
.modern_footer li,
.modern_footer a {
    color: #8f9abb !important;
}
.modern_footer .f_list li {
    margin: 0 0 12px;
    line-height: 1.35;
}
.modern_footer .f_list li:last-child {
    margin-bottom: 0;
}
.modern_footer .f_list a,
.modern_footer .widget-wrap a {
    font-size: 14px;
}
.modern_footer a:hover {
    color: #dfe2ff !important;
}
.modern_footer_social {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}
.modern_footer_social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #8f9abb !important;
    background: rgba(143, 154, 187, 0.1);
    border-radius: 50%;
    font-size: 13px;
    transition:
        color 0.2s ease,
        background 0.2s ease;
}
.modern_footer_social a:hover {
    color: #dfe2ff !important;
    background: var(--modern-focus-ring);
}
.modern_footer_social a.modern_footer_discord {
    width: auto;
    height: auto;
    background: transparent;
    border-radius: 0;
    font-size: 20px;
}
.modern_footer_social a.modern_footer_discord:hover {
    background: transparent;
}
.modern_footer_bottom {
    padding: 20px 0;
    border-top: 1px solid rgba(111, 128, 234, 0.12);
    background: var(--modern-surface-dark);
}
.modern_footer_bottom_grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.modern_footer_bottom p,
.modern_footer_bottom a {
    color: #5c688c !important;
    font-size: 12px;
}
.modern_footer_legal .f_menu li {
    margin-left: 20px;
}
@media (max-width: 768px) {
    .modern_api_diagram {
        width: min(100%, 420px);
        margin: 8px auto 0;
    }
    .modern_api_diagram svg.modern_api_desktop_diagram {
        display: none;
    }
    .modern_api_diagram svg.modern_api_mobile_diagram {
        display: block;
    }
}

@media (max-width: 991px) {
    .modern_partner_connect_api_window {
        display: none;
    }
    .modern_partner_connect_split {
        grid-template-columns: 1fr;
        gap: 42px;
    }
    .modern_partner_connect_copy {
        max-width: 700px;
    }
    .modern_partner_connect_visual {
        min-height: 430px;
    }
    .modern_partner_connect_visual_inner {
        transform: translate(-50%, -50%) scale(0.9);
        transform-origin: center center;
    }
    .modern_support_hero {
        padding-top: 50px;
    }
    .modern_support_hero_grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }
    .modern_support_resource_grid {
        grid-template-columns: 1fr;
    }
    .modern_support_terminal {
        width: 100%;
        transform: perspective(900px) rotateY(-2deg) rotateX(1deg);
    }
    .modern_header {
        position: relative;
    }
    .modern_404_section {
        padding-top: 110px;
    }
    .modern_404_layout {
        grid-template-columns: 1fr;
        gap: 42px;
        transform: none;
    }
    .modern_404_terminal {
        width: 100%;
        margin-left: 0;
        transform: none;
    }
    .modern_device_stage {
        max-width: 560px;
        gap: 20px;
    }
    .modern_device_phone {
        width: 130px;
    }
    .modern_hero {
        padding-top: 80px;
    }
    .modern_hero_grid {
        grid-template-columns: 1fr;
    }
    .modern_hero_copy {
        max-width: 700px;
    }
    .modern_hero_visual {
        min-height: 380px;
    }
    .modern_device_placeholder {
        width: min(100%, 550px);
        max-width: 100%;
        flex: 0 1 auto;
    }
    .modern_feature_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .modern_features_split {
        gap: 36px;
    }
    .modern_payments_split {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    .modern_payment_track {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .modern_payments_split > .modern_heading {
        text-align: center;
    }
    .modern_payments_split > .modern_heading h2,
    .modern_payments_split > .modern_heading p {
        max-width: 620px;
        margin-left: auto;
        margin-right: auto;
    }
    .modern_features_intro {
        max-width: 100%;
    }
    .modern_api_split {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    .modern_api_intro {
        max-width: 100%;
    }
    .modern_seller_flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
    .modern_seller_connector {
        display: none;
    }
    .modern_seller_step {
        min-height: 210px;
    }
    .modern_games_split {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .modern_games_intro {
        max-width: 100%;
        text-align: center;
    }
    .modern_games_stats {
        justify-content: center;
    }
    .modern_games_stage {
        max-width: 380px;
    }
    .modern_demos_inline .modern_demo_carousel_compact {
        margin-right: auto;
        margin-left: auto;
    }
    .modern_plans {
        grid-template-columns: repeat(2, minmax(0, 340px));
    }
    .modern_demo_carousel {
        padding: 30px 44px;
    }
    .modern_demo_card {
        width: 220px;
    }
    .modern_testimonial_card {
        width: 300px;
    }
    .modern_footer_grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .modern_footer_brand {
        grid-column: span 3;
    }
    .modern_support_grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .modern_menu {
        padding: 12px 0;
    }
    .modern_drawer_header {
        display: none;
    }
    .modern_nav_toggler {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .desktop_login_btn {
        display: inline-flex;
    }
}

@media (max-width: 991px) {
    .modern_header {
        padding: 0;
        backdrop-filter: none;
    }
    .modern_nav_actions .mobile_login_btn {
        display: inline-flex;
        height: 35px;
    }
    .modern_navbar .modern_mobile_drawer {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 1100;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: min(292px, calc(100vw - 38px));
        max-height: 100vh;
        padding: 0 20px 24px;
        overflow: hidden;
        background: var(--modern-bg);
        box-shadow: 16px 0 44px rgba(0, 0, 0, 0.38);
        transform: translateX(-105%);
        visibility: hidden;
        transition:
            transform 0.28s ease,
            visibility 0.28s ease;
    }
    .modern_navbar .modern_mobile_drawer.is-open {
        transform: translateX(0);
        visibility: visible;
    }
    .modern_drawer_header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 80px;
    }
    .modern_drawer_header .modern_brand img {
        width: 42px;
        height: 42px;
    }
    .modern_drawer_close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 35px;
        height: 35px;
        padding: 0;
        color: var(--modern-text);
        background: var(--modern-surface-dark);
        border: 1px solid var(--modern-line);
        border-radius: 7px;
        font-size: 15px;
        transition: border-color 180ms ease;
    }
    .modern_drawer_close:focus {
        outline: none;
        box-shadow: 0 0 0 3px var(--modern-focus-ring);
    }
    .modern_drawer_login {
        display: block;
        flex: 0 0 auto;
    }
    .modern_drawer_login .modern_login {
        display: flex;
        width: 100%;
    }
    .modern_navbar .modern_menu {
        display: block;
        flex: 1 1 auto;
        min-height: 0;
        padding: 30px 0 10px;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: var(--modern-line) transparent;
    }
    .modern_navbar .modern_menu .nav-item {
        width: 100%;
    }
    .modern_navbar .modern_menu .nav-link {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        min-height: 48px;
        width: 100%;
        padding: 10px 12px;
        margin-bottom: 5px;
        border-radius: 6px;
        font-size: 14px;
        text-align: left;
    }
    .modern_navbar .modern_menu .modern_home_button {
        width: 100%;
        padding: 10px 12px;
    }
    .modern_navbar .modern_menu .modern_home_label {
        display: inline;
    }
    .modern_navbar .modern_menu .nav-link:hover {
        background: rgba(118, 88, 255, 0.16);
    }
    .modern_navbar .modern_menu .active .nav-link {
        background: transparent;
    }
    .modern_navbar .modern_nav_end {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        padding: 14px 12px 0;
    }
    .modern_navbar .modern_nav_end .desktop_login_btn {
        display: none;
    }
    .modern_nav_backdrop {
        position: fixed;
        inset: 0;
        z-index: 1090;
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        background: rgba(3, 5, 14, 0.68);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.28s ease;
    }
    .modern_navbar .modern_nav_backdrop.is-visible {
        opacity: 1;
        pointer-events: auto;
    }
}
@media (max-width: 767px) {
    .modern_partner_connect_section {
        padding-top: 105px;
        padding-bottom: 65px;
    }
    .modern_partner_connect_section::after {
        background-size: 78vw auto, 78vw auto;
        opacity: 0.11;
    }
    .modern_partner_connect_copy h1 {
        font-size: 40px;
    }
    .modern_partner_connect_visual {
        min-height: 390px;
    }
    .modern_partner_connect_visual_inner {
        transform: translate(-50%, -50%) scale(0.8);
    }
    .modern_partner_connect_route {
        width: fit-content;
    }
    .modern_partner_connect_route_status {
        padding: 5px 7px;
        font-size: 8px;
    }
    .modern_404_terminal {
        margin-top: -150px;
    }
    .modern_section {
        padding: 65px 0;
    }
    .modern_partners_hero {
        padding-top: 110px;
        padding-bottom: 52px;
    }
    .modern_partners_section {
        padding-top: 65px;
    }
    .modern_partners_grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .modern_partners_grid .modern_partners_card {
        min-height: 0;
    }
    .modern_partners_highlights {
        flex-wrap: wrap;
        gap: 14px;
    }
    .modern_changelog_hero {
        padding-top: 110px;
        padding-bottom: 52px;
    }
    .modern_changelog_section {
        padding-top: 32px;
    }
    .modern_changelog_entries
        > .modern_changelog_column
        > .modern_changelog_list
        > .blog_grid_item {
        padding: 22px 20px 20px 24px;
    }
    .modern_changelog_list {
        padding-left: 30px;
    }
    .modern_changelog_list::before {
        left: 8px;
    }
    .modern_changelog_entries
        > .modern_changelog_column
        > .modern_changelog_list
        > .blog_grid_item::before {
        left: -29px;
    }
    .modern_changelog_entries .blog_content h5 {
        font-size: 19px;
    }
    .modern_changelog_entries .blog_content p {
        font-size: 13px;
    }
    .modern_device_stage {
        flex-direction: column;
        align-items: center;
        max-width: 320px;
    }
    .modern_device_phone {
        width: 150px;
    }
    .modern_nav_actions .mobile_login_btn {
        display: none;
    }
    .modern_navbar > .mobile_login_btn {
        display: none;
    }
    .modern_nav_actions {
        margin-left: auto;
        margin-right: 10px;
    }
    .modern_nav_actions .modern_login {
        display: inline-flex;
    }
    .desktop_login_btn {
        display: none;
    }
    .modern_hero {
        min-height: 0;
        padding-top: 40px;
    }
    .modern_home .modern_hero_copy .modern_home_title {
        font-size: 22px;
        letter-spacing: 0.06em;
    }
    .modern_hero_visual {
        min-height: 290px;
        margin-top: 20px;
    }
    .modern_device_placeholder {
        width: min(100%, 615px);
        max-width: 100%;
    }
    .modern_orbit_icon {
        width: 50px;
        height: 50px;
        font-size: 20px;
        border-radius: 12px;
    }
    .modern_orbit_icon_1 {
        left: -4px;
    }
    .modern_orbit_icon_2 {
        right: 18px;
    }
    .modern_orbit_icon_3 {
        right: 18px;
        bottom: 4%;
    }
    .modern_orbit_icon_4 {
        top: 44%;
        left: 42%;
    }
    .modern_stats_grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .modern_stat {
        padding: 14px 16px;
        border-bottom: 1px solid rgba(110, 128, 255, 0.13);
    }
    .modern_stat:nth-child(2) {
        border-right: 0;
    }
    .modern_stat:nth-child(3),
    .modern_stat:nth-child(4) {
        border-bottom: 0;
    }
    .modern_feature_grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .modern_footer_top {
        padding: 55px 0 40px;
    }
    .modern_footer_grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .modern_footer_brand {
        grid-column: span 2;
        max-width: none;
    }
    .modern_feature_card:last-child {
        grid-column: auto;
    }
    .modern_plans {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-top: 24px;
    }
    .modern_plan_card_featured {
        padding-top: 58px;
    }
    .modern_plan_badge {
        top: 14px;
        right: 14px;
        left: auto;
        transform: none;
    }
    .modern_demo_carousel {
        padding: 24px 34px;
    }
    .modern_demo_card {
        width: 200px;
    }
    .modern_games_stage {
        max-width: 300px;
    }
    .modern_games_stats {
        flex-wrap: wrap;
        row-gap: 14px;
    }
    .modern_testimonial_carousel {
        padding: 0 44px;
    }
    .modern_testimonial_card {
        width: 260px;
    }
    .modern_carousel_arrow {
        width: 32px;
        height: 32px;
    }
    .modern_payment_track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }
    .modern_payment_modal_grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }
    .modern_games_modal_grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }
    .modern_payment_modal_item {
        min-height: 54px;
        padding: 4px;
    }
    .modern_payment_modal_item .modern_payment_icon {
        height: 44px;
    }
    .modern_payment_logo {
        --payment-offset: 0px !important;
        min-width: 0;
        min-height: 62px;
        padding: 10px 8px;
        gap: 7px;
        font-size: 11px;
    }
    .modern_payment_more {
        min-width: 0;
    }
    .modern_payment_logo .modern_payment_icon {
        width: 150px;
        height: 48px;
    }
    .modern_cta h2 {
        font-size: 29px;
    }
    .modern_trust_row {
        gap: 12px;
    }
    .modern_trust_chip {
        flex-basis: calc(50% - 12px);
    }
    .modern_footer_bottom_grid {
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }
    .modern_footer_legal .f_menu li {
        margin: 0 8px;
    }
}
@media (max-width: 450px) {
    .modern_games_modal_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .modern_hero_grid {
        gap: 0;
    }
    .modern_hero_copy {
        display: contents;
    }
    .modern_hero_brand {
        grid-row: 1;
    }
    .modern_home .modern_hero_copy .modern_home_title {
        grid-row: 2;
    }
    .modern_hero_copy > p {
        grid-row: 3;
    }
    .modern_hero_copy > .modern_actions {
        grid-row: 4;
    }
    .modern_hero_visual {
        grid-row: 5;
    }
    .modern_trust_row {
        grid-row: 6;
        display: grid;
        grid-template-columns: repeat(2, max-content);
        justify-content: center;
        gap: 8px 18px;
        margin-top: 12px;
        text-align: left;
    }
    .modern_trust_row .modern_trust_chip:nth-child(3) {
        grid-column: 1 / -1;
        justify-self: center;
    }
    .modern_hero_brand,
    .modern_home .modern_hero_copy .modern_home_title,
    .modern_hero_copy > p {
        text-align: center;
    }
    .modern_home h1 {
        font-size: 35px;
    }
    .modern_feature_grid {
        grid-template-columns: 1fr;
    }
    .modern_actions .modern_button {
        width: 100%;
    }
    .modern_stats_grid {
        margin: 0 -5px;
    }
}
@media (max-width: 380px) {
    .modern_trust_row {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }
    .modern_trust_row .modern_trust_chip:nth-child(3) {
        grid-column: auto;
    }
}
@media (max-width: 767px) {
    .modern_legal_hero {
        padding-top: 112px;
        padding-bottom: 56px;
    }
    .modern_legal_hero_grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }
    .modern_legal_business {
        padding: 18px;
    }
    .modern_legal_info_grid {
        gap: 16px;
    }
    .modern_legal_breadcrumb_date {
        width: 100%;
        margin-left: 0;
        padding-top: 2px;
    }
    .modern_legal_content {
        padding-top: 46px;
        padding-bottom: 70px;
    }
    .modern_legal_content .details_content {
        padding: 28px 20px;
    }
    .modern_support_hero {
        padding-bottom: 62px;
    }
    .modern_support_hero_grid,
    .modern_support_resource_grid,
    .modern_support_faq_columns,
    .modern_pricing_faq_section > .container,
    .modern_support_tutorials_section > .container {
        grid-template-columns: 1fr;
    }
    .modern_support_hero_grid {
        gap: 38px;
    }
    .modern_support_terminal_body {
        min-height: 230px;
        padding: 26px 18px 20px;
        font-size: 11px;
    }
    .modern_support_terminal {
        width: 100%;
        transform: perspective(900px) rotateY(-2deg) rotateX(1deg);
    }
    .modern_support_float_icon {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    .modern_support_float_icon_book {
        top: -9px;
        left: -7px;
    }
    .modern_support_float_icon_code {
        top: 19px;
        right: -7px;
    }
    .modern_support_float_icon_cart {
        bottom: -9px;
        left: 17px;
    }
    .modern_support_float_icon_headset {
        right: -7px;
        bottom: -7px;
    }
    .modern_support_resource_card {
        min-height: 0;
        padding: 24px;
    }
    .modern_support_tutorial_card {
        margin: 0;
    }
    .modern_support_doc_grid {
        flex-direction: column;
    }
    .modern_support_contact_grid {
        grid-template-columns: 1fr;
    }
    .modern_support_contact_card {
        align-items: flex-start;
        flex-direction: column;
        padding: 26px 24px;
    }
    .modern_support_discord_card {
        min-height: 155px;
    }
}
@media (max-width: 520px) {
    .modern_testimonial_carousel {
        width: calc(100% - 88px);
        max-width: none;
        min-width: 0;
        margin-right: 44px;
        margin-left: 44px;
        padding: 0;
    }
    .modern_testimonial_carousel .modern_testimonial_track {
        gap: 14px;
        min-width: 0;
    }
    .modern_testimonial_carousel .modern_testimonial_card {
        flex-basis: 100%;
        width: 100%;
    }
    .modern_testimonial_carousel .modern_carousel_arrow {
        opacity: 1;
    }
    .modern_testimonial_carousel .modern_carousel_prev {
        left: -36px;
    }
    .modern_testimonial_carousel .modern_carousel_next {
        right: -36px;
    }
    .modern_games_intro {
        min-width: 0;
    }
    .modern_demos_inline {
        min-width: 0;
    }
    .modern_demo_carousel.modern_demo_carousel_compact {
        width: calc(100% - 88px);
        max-width: none;
        min-width: 0;
        margin-right: 44px;
        margin-left: 44px;
    }
    .modern_demo_carousel_compact .modern_demo_track {
        gap: 20px;
    }
    .modern_demo_carousel_compact .modern_demo_card {
        flex-basis: 100%;
        width: 100%;
    }
    .modern_demo_carousel_compact .modern_carousel_arrow {
        opacity: 1;
    }
    .modern_demo_carousel_compact .modern_carousel_prev {
        left: -36px;
    }
    .modern_demo_carousel_compact .modern_carousel_next {
        right: -36px;
    }
}

@media (max-width: 400px) {
    .modern_device_mockup_rotator {
        width: min(100%, 280px);
        max-height: 425px;
    }
    .modern_device_mockup_rotator .modern_device_mockup_image {
        max-height: 425px;
    }
}

@media (max-width: 575px) {
    .modern_feature_grid {
        grid-template-columns: 1fr;
    }
    .modern_seller_flow {
        grid-template-columns: 1fr;
    }
    .modern_seller_connector {
        display: flex;
        justify-content: center;
        min-height: 22px;
        transform: rotate(90deg);
    }
    .modern_seller_step {
        min-height: 0;
    }
}

@media (max-width: 450px) {
    .modern_partner_connect_route_status,
    .modern_partner_connect_incoming_route,
    .modern_partner_connect_delivery_route,
    .modern_partner_connect_partner_route {
        display: none;
    }
}

h1.modern_page_title {
    display: flex;
    flex-direction: column;
    margin: 18px 0 16px;
    font-size: clamp(42px, 6vw, 48px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -1.8px;
}
h1.modern_page_title > span,
h1.modern_page_title > strong {
    display: block;
}
h1.modern_page_title > strong {
    color: var(--modern-lilac);
    font-weight: 700;
    letter-spacing: -1.8px;
    background: var(--modern-gradient-heading);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
h1.modern_page_title_single_line {
    display: block;
    white-space: nowrap;
}
h1.modern_page_title_single_line > span,
h1.modern_page_title_single_line > strong {
    display: inline;
}
@media (max-width: 767px) {
    h1.modern_page_title {
        font-size: 40px;
    }
}
@media (max-width: 767px) {
    .modern_games_stats {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
        width: 100%;
        padding: 0;
        gap: 14px;
    }
    .modern_games_stats > .modern_games_stat {
        min-width: 0;
        width: 100%;
        padding: 0;
    }
}
@media (max-width: 991px) {
    .modern_home .modern_hero,
    .modern_about_hero,
    .modern_changelog_hero,
    .modern_partner_connect_section,
    .modern_pricing_intro_section {
        padding-top: 40px;
    }
    .modern_support_hero,
    .modern_legal_hero {
        padding-top: 40px;
    }
}