:root {
    --bg-dark: #0e0f16;
    --bg-light: #171929;
    --card: #141729;
    --text: #e8eaf1;
    --muted: #aeb6d0;
    --color-link: #33d1ff;
    --accent: #7a5cff;
    --ring: rgba(122, 92, 255, .35);
}

* {
    box-sizing: border-box
}

html, body {
    height: 100%
}

body.bod_r4k8 {
    margin: 0;
    font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    background: linear-gradient(180deg, var(--bg-dark), #0b0b12 40%, var(--bg-dark));
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cnt_6p7u {
    max-width: 1070px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ===== Header ===== */
.hdr_x19a {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(23, 25, 41, .9);
    backdrop-filter: saturate(140%) blur(8px);
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.hdr_x19a .inr_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 64px;
}

.logo_9kq1 {
    color: var(--color-link);
    font-weight: 600;
    font-size: 22px;
    text-decoration: none
}

.nav_1d3z {
    display: block
}

.navlst_8v1m {
    list-style: none;
    display: flex;
    gap: 28px;
    margin: 0;
    padding: 0
}

.navlst_8v1m a {
    display: inline-block;
    padding: 10px 0;
    color: var(--text);
    text-decoration: none;
    font-weight: 500;
    transition: color .25s ease;
}

.navlst_8v1m a:hover {
    color: var(--color-link)
}

.brg_2s8y {
    display: none;
    border: 0;
    background: transparent;
    color: var(--text);
    cursor: pointer;
}

/* ===== Hero / Typography ===== */
.hero_m3f1 {
    padding: 42px 0 8px
}

h1 {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 38px;
    line-height: 44px;
    color: var(--color-link);
}

h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 44px;
    color: var(--color-link);
    margin: 20px 0;
}

h3 {
    font-weight: 400;
    font-size: 28px;
    line-height: 38px;
    color: var(--color-link);
    margin: 20px 0;
    text-align: left;
}

p {
    margin: 0 0 14px 0;
    font-size: 17px;
    line-height: 1.85;
    color: var(--text)
}

ul, ol {
    margin: 14px 0 18px 20px
}

li {
    margin: 8px 0
}

strong {
    color: #fff
}

/* make long lines comfortable */
.sec_blok p, .sec_blok ul, .sec_blok ol, .hero_m3f1 p {
    max-width: 78ch;
}

/* ===== Content Sections ===== */
.sec_blok {
    padding: 28px 0;
    border-top: 1px solid rgba(255, 255, 255, .06)
}

.s_dikk_4qa2 {
    background: linear-gradient(180deg, transparent, rgba(51, 209, 255, .03))
}

.s_lic_9tq7 {
    background: transparent
}

.s_win_5ce3 {
    background: linear-gradient(180deg, transparent, rgba(122, 92, 255, .04))
}

.s_pop_8bq4 {
    background: transparent
}

.s_pay_7sd2 {
    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, .03))
}

.s_supp_2km6 {
    background: transparent
}

.contact_b2t4 {
    padding: 30px 0 50px
}

/* ===== Images from inline styles become responsive on mobile ===== */
@media (max-width: 768px) {
    /* override inline float when viewport is narrow */
    img[style*="float:left"] {
        float: none !important;
        display: block !important;
        margin: 14px auto !important;
    }
}

/* generic image treatment */
picture img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .35)
}

/* ===== Table ===== */
.tblwrap_y2c9 {
    overflow: auto;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
    background: var(--card)
}

.tblwrap_y2c9 table {
    width: 100%;
    border-collapse: collapse;
    min-width: 640px
}

.tblwrap_y2c9 th, .tblwrap_y2c9 td {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    text-align: left;
}

.tblwrap_y2c9 thead th {
    position: sticky;
    top: 0;
    background: rgba(23, 25, 41, .9);
    color: var(--color-link);
}

.tblwrap_y2c9 tbody tr:hover {
    background: rgba(255, 255, 255, .03)
}

/* ===== Footer ===== */
.ftr_a7h3 {
    background: var(--bg-light);
    padding: 22px 0;
    text-align: center;
    color: var(--muted);
    border-top: 1px solid rgba(255, 255, 255, .06)
}

/* ===== Nav: mobile ===== */
@media (max-width: 992px) {
    .nav_1d3z {
        position: fixed;
        inset: 0 0 auto auto;
        top: 64px;
        right: 0;
        width: min(82vw, 320px);
        height: calc(100dvh - 64px);
        transform: translateX(105%);
        transition: transform .28s ease;
        background: var(--bg-light);
        border-left: 1px solid rgba(255, 255, 255, .08);
        padding: 18px 18px 24px;
        z-index: 60;
    }

    .nav_1d3z.open {
        transform: translateX(0)
    }

    .navlst_8v1m {
        flex-direction: column;
        gap: 8px
    }

    .brg_2s8y {
        display: inline-flex;
        align-items: center;
        justify-content: center
    }

    .ovl_7v0n {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, .45);
        backdrop-filter: blur(1px);
        z-index: 5
    }
}

/* ===== Focus styles ===== */
a, button {
    outline: none
}

a:focus-visible, button:focus-visible {
    box-shadow: 0 0 0 3px var(--ring);
    border-radius: 10px;
}

.herocta_5nv9 {
    background: linear-gradient(135deg, rgba(51, 209, 255, .25), rgba(122, 92, 255, .25) 60%, rgba(51, 209, 255, .15)),
    url("media/Syu93I_4.jpg") center/cover no-repeat;
    padding: 80px 0;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.herocta_inr {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.herocta_title {
    font-size: 42px;
    font-weight: 600;
    line-height: 1.3;
    color: #fff;
    display: inline-block;
    background: linear-gradient(90deg, rgba(51,209,255,0.85), rgba(122,92,255,0.85));
    padding: 12px 20px;
    border-radius: 8px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}


.herocta_sub {
    font-size: 18px;
    color: var(--muted);
    max-width: 640px;
    margin: 0 auto 32px;
    line-height: 1.6;
}

.btn_regx_3aj1 {
    display: inline-block;
    padding: 14px 36px;
    background: var(--accent);
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    border-radius: 50px;
    box-shadow: 0 0 14px rgba(122, 92, 255, .5);
    transition: all .3s ease;
}

.btn_regx_3aj1:hover {
    background: var(--color-link);
    box-shadow: 0 0 20px rgba(51, 209, 255, .6);
    transform: translateY(-2px);
}

@media (max-width: 768px) {
    .herocta_title {
        font-size: 32px
    }

    .herocta_sub {
        font-size: 16px
    }
}