:root {
    --color-vg-nav: #01b3bf;
    --color-vg-nav-active: #019ea8;
    --color-vg-footer: #01b3bf;
    --color-vg-text: #444444;
    --color-vg-link: #0000ff;
    --color-vg-success: #00aa00;
    --color-vg-danger: #ff0000;
    --font-vg-condensed: "Exo 2 Condensed", "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-vg-text: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@font-face {
    font-family: "Exo 2 Condensed";
    src: url("/fonts/exotwocondensed/exo2thincondensed.woff2") format("woff2"),
        url("/fonts/exotwocondensed/exo2thincondensed.woff") format("woff"),
        url("/fonts/exotwocondensed/exo2thincondensed.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Exo 2 Condensed";
    src: url("/fonts/exotwocondensed/exo2lightcondensed.woff2") format("woff2"),
        url("/fonts/exotwocondensed/exo2lightcondensed.woff") format("woff"),
        url("/fonts/exotwocondensed/exo2lightcondensed.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Exo 2 Condensed";
    src: url("/fonts/exotwocondensed/exo2regularcondensed.woff2") format("woff2"),
        url("/fonts/exotwocondensed/exo2regularcondensed.woff") format("woff"),
        url("/fonts/exotwocondensed/exo2regularcondensed.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Exo 2 Condensed";
    src: url("/fonts/exotwocondensed/exo2semiboldcondensed.woff2") format("woff2"),
        url("/fonts/exotwocondensed/exo2semiboldcondensed.woff") format("woff"),
        url("/fonts/exotwocondensed/exo2semiboldcondensed.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("/fonts/roboto/robotolight.woff2") format("woff2"),
        url("/fonts/roboto/robotolight.woff") format("woff"),
        url("/fonts/roboto/robotolight.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("/fonts/roboto/roboto.woff2") format("woff2"),
        url("/fonts/roboto/roboto.woff") format("woff"),
        url("/fonts/roboto/roboto.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("/fonts/roboto/robotomedium.woff2") format("woff2"),
        url("/fonts/roboto/robotomedium.woff") format("woff"),
        url("/fonts/roboto/robotomedium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("/fonts/roboto/robotobold.woff2") format("woff2"),
        url("/fonts/roboto/robotobold.woff") format("woff"),
        url("/fonts/roboto/robotobold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html,
body {
    margin: 0;
    min-height: 100%;
    background: #ffffff;
    color: #333333;
    font-family: var(--font-vg-text);
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
}

html {
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

body {
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: visible;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

img,
video {
    max-width: 100%;
    height: auto;
}

a {
    color: #0000ff;
    text-decoration: none;
}

a:hover {
    color: #0000aa;
    text-decoration: underline;
}

table {
    border-collapse: collapse;
}

.legacy-alert {
    margin: 24px auto;
    max-width: 960px;
    border: 1px solid #d8d8d8;
    background: #fff8e8;
    padding: 16px;
    color: #444444;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.collapse {
    display: none;
}

.collapse.in,
.collapse.open {
    display: block;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.max-w-3xl {
    max-width: 48rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

.p-6 {
    padding: 1.5rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mb-2 {
    margin-bottom: .5rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.text-sm {
    font-size: .875rem;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.font-normal {
    font-weight: 400;
}

.shadow-sm {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
}

.border {
    border-width: 1px;
    border-style: solid;
}

.border-\[\#d8d8d8\] {
    border-color: #d8d8d8;
}

.bg-white {
    background: #ffffff;
}

.text-\[\#444444\] {
    color: #444444;
}

.text-\[\#1e3c6e\] {
    color: #1e3c6e;
}

.text-\[\#666666\] {
    color: #666666;
}

.text-\[\#0000ff\] {
    color: #0000ff;
}

.hover\:underline:hover {
    text-decoration: underline;
}

.container {
    width: min(100% - 30px, 1170px);
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

.container-fluid {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

.conteiner-fluid {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

[class*="col-xs-"],
[class*="col-sm-"],
[class*="col-md-"],
[class*="col-lg-"] {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    width: 100%;
}

.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6 {
    width: 50%;
}

.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4 {
    width: 33.333333%;
}

.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3 {
    width: 25%;
}

.col-xs-12 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
}

@media (min-width: 768px) {
    .col-sm-12 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }
}

@media (min-width: 992px) {
    .col-md-12 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }
}

@media (min-width: 1200px) {
    .col-lg-12 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }
}

.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666667%; }
.col-xs-offset-10 { margin-left: 83.33333333%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-8 { margin-left: 66.66666667%; }
.col-xs-offset-7 { margin-left: 58.33333333%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-5 { margin-left: 41.66666667%; }
.col-xs-offset-4 { margin-left: 33.33333333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.66666667%; }
.col-xs-offset-1 { margin-left: 8.33333333%; }
.col-xs-offset-0 { margin-left: 0; }

@media (min-width: 768px) {
    .col-sm-offset-12 { margin-left: 100%; }
    .col-sm-offset-11 { margin-left: 91.66666667%; }
    .col-sm-offset-10 { margin-left: 83.33333333%; }
    .col-sm-offset-9 { margin-left: 75%; }
    .col-sm-offset-8 { margin-left: 66.66666667%; }
    .col-sm-offset-7 { margin-left: 58.33333333%; }
    .col-sm-offset-6 { margin-left: 50%; }
    .col-sm-offset-5 { margin-left: 41.66666667%; }
    .col-sm-offset-4 { margin-left: 33.33333333%; }
    .col-sm-offset-3 { margin-left: 25%; }
    .col-sm-offset-2 { margin-left: 16.66666667%; }
    .col-sm-offset-1 { margin-left: 8.33333333%; }
    .col-sm-offset-0 { margin-left: 0; }
}

@media (min-width: 992px) {
    .col-md-offset-12 { margin-left: 100%; }
    .col-md-offset-11 { margin-left: 91.66666667%; }
    .col-md-offset-10 { margin-left: 83.33333333%; }
    .col-md-offset-9 { margin-left: 75%; }
    .col-md-offset-8 { margin-left: 66.66666667%; }
    .col-md-offset-7 { margin-left: 58.33333333%; }
    .col-md-offset-6 { margin-left: 50%; }
    .col-md-offset-5 { margin-left: 41.66666667%; }
    .col-md-offset-4 { margin-left: 33.33333333%; }
    .col-md-offset-3 { margin-left: 25%; }
    .col-md-offset-2 { margin-left: 16.66666667%; }
    .col-md-offset-1 { margin-left: 8.33333333%; }
    .col-md-offset-0 { margin-left: 0; }
}

@media (min-width: 1200px) {
    .col-lg-offset-12 { margin-left: 100%; }
    .col-lg-offset-11 { margin-left: 91.66666667%; }
    .col-lg-offset-10 { margin-left: 83.33333333%; }
    .col-lg-offset-9 { margin-left: 75%; }
    .col-lg-offset-8 { margin-left: 66.66666667%; }
    .col-lg-offset-7 { margin-left: 58.33333333%; }
    .col-lg-offset-6 { margin-left: 50%; }
    .col-lg-offset-5 { margin-left: 41.66666667%; }
    .col-lg-offset-4 { margin-left: 33.33333333%; }
    .col-lg-offset-3 { margin-left: 25%; }
    .col-lg-offset-2 { margin-left: 16.66666667%; }
    .col-lg-offset-1 { margin-left: 8.33333333%; }
    .col-lg-offset-0 { margin-left: 0; }
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.navbar-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.navbar-fixed-top .navbar {
    margin-bottom: 0;
}

#navbar_bg {
    height: 56px !important;
}

.navbar {
    min-height: 50px;
    margin-bottom: 20px;
    border: 0;
}

.navbar-default {
    background-color: rgba(1, 179, 191, .92) !important;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav > li {
    position: relative;
    display: block;
}

.nav > li > a {
    position: relative;
    display: block;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px;
    color: #ffffff;
    font-family: var(--font-vg-condensed);
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
}

.navbar-header {
    float: left;
}

@media (min-width: 768px) {
    .navbar-collapse.collapse {
        display: block;
        height: auto;
        overflow: visible;
    }
}

.navbar-nav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.navbar-nav > li {
    position: relative;
}

.navbar-nav > li > a {
    display: block;
    padding: 15px 12px;
    color: #ffffff;
    font-family: var(--font-vg-condensed);
    font-size: 16.8px;
    font-weight: 300;
    line-height: 20px;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    color: #000000;
    text-decoration: none;
    background: transparent;
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #000000;
    background-color: transparent;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #019ea8;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 210px;
    padding: 3px 0;
    margin: 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .18);
}

.dropdown:hover > .dropdown-menu,
.dropdown.open > .dropdown-menu {
    display: block;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropdown-menu > li > a {
    display: block;
    padding: 4px 14px;
    clear: both;
    color: #333333;
    font-family: var(--font-vg-condensed);
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    white-space: nowrap;
}

.navbar-nav .dropdown-menu img[src*="flags"] {
    width: 20px;
    height: auto;
    margin-right: 6px !important;
    vertical-align: -4px;
}

.navbar-nav > .dropdown > a > img[src*="flags"] {
    width: 22px;
    height: auto;
}

.dropdown-menu > li > a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.legacy-body main {
    color: #333333;
    font-family: var(--font-vg-text);
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
}

.legacy-body main p,
.legacy-body main li,
.legacy-body main td,
.legacy-body main th,
.legacy-body main div,
.legacy-body main span,
.legacy-body main font {
    font-family: var(--font-vg-text) !important;
    font-weight: 400;
    line-height: 22px;
}

.legacy-body main h1,
.legacy-body main h2,
.legacy-body main h3,
.legacy-body main h4,
.legacy-body main h5,
.legacy-body main h6 {
    color: inherit;
    font-family: var(--font-vg-text) !important;
    margin-top: 20px;
    margin-bottom: 10px;
}

.legacy-body main h1 {
    font-size: 34px;
    font-weight: 300;
    line-height: 44px;
}

.legacy-body main h2 {
    font-size: 28px;
    font-weight: 300;
    line-height: 38px;
}

.legacy-body main h3 {
    font-size: 28px;
    font-weight: 300;
    line-height: 38px;
}

.legacy-body main h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.legacy-body main h5 {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
}

.legacy-body main h6 {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
}

.legacy-body main b,
.legacy-body main strong {
    font-weight: 500;
}

.vg-cookie-consent,
#cookie_informer {
    position: fixed !important;
    right: auto !important;
    bottom: 12px !important;
    left: 50% !important;
    z-index: 2500 !important;
    display: flex !important;
    width: min(920px, calc(100vw - 32px)) !important;
    max-width: 920px !important;
    align-items: center;
    gap: 12px;
    border: 1px solid rgba(1, 179, 191, .22) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .95) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .1) !important;
    color: #333333 !important;
    font-family: var(--font-vg-text) !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 17px !important;
    padding: 8px 42px 8px 14px !important;
    text-align: left !important;
    transform: translateX(-50%);
}

.vg-cookie-consent__text {
    display: flex;
    min-width: 0;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0 6px;
}

.vg-cookie-consent__text strong,
#cookie_informer strong,
#cookie_informer b {
    display: block;
    margin: 0;
    color: #019ea8;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.vg-cookie-consent__text span,
#cookie_informer h6,
#cookie_informer div {
    color: #333333 !important;
    font-family: var(--font-vg-text) !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 17px !important;
}

.vg-cookie-consent a,
#cookie_informer a {
    color: #018c95;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.vg-cookie-consent__button,
#cookie_informer .btn,
#cookie_informer .top_button {
    display: inline-flex !important;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-height: 31px !important;
    border: 1px solid #01b3bf !important;
    border-radius: 6px !important;
    background: #01b3bf !important;
    color: #ffffff !important;
    cursor: pointer;
    font-family: var(--font-vg-text) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 17px !important;
    padding: 6px 15px !important;
    text-decoration: none !important;
    white-space: nowrap;
}

.vg-cookie-consent__close {
    position: absolute;
    top: 3px;
    right: 7px;
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #777777;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    padding: 0;
}

.vg-cookie-consent__close:hover,
.vg-cookie-consent__close:focus {
    background: rgba(1, 179, 191, .1);
    color: #019ea8;
    outline: none;
}

.vg-cookie-consent__button:hover,
#cookie_informer .btn:hover,
#cookie_informer .top_button:hover {
    background: #019ea8 !important;
    border-color: #019ea8 !important;
    color: #ffffff !important;
}

#cookie_informer .container,
#cookie_informer .container-fluid,
#cookie_informer .conteiner-fluid,
#cookie_informer .raw,
#cookie_informer .row {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#cookie_informer [class*="col-"] {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    text-align: left !important;
}

#cookie_informer [class*="col-"] + [class*="col-"] {
    margin-top: 10px;
}

.navbar-toggle {
    display: none;
    float: right;
    margin: 8px 15px 8px 0;
    border: 1px solid #dddddd;
    background: transparent;
    padding: 9px 10px;
}

.icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    margin: 4px 0;
    background-color: #ffffff;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner > .item {
    position: relative;
    display: none;
}

.carousel-inner > .active {
    display: block;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    width: 100%;
    height: auto;
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin: 0 0 0 -30%;
    text-align: center;
    list-style: none;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 10px;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #ffffff;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 15%;
    color: #ffffff;
    text-align: center;
    opacity: .5;
}

.carousel-control.left {
    left: 0;
}

.carousel-control.right {
    right: 0;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.table-bordered {
    border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

.btn,
.btn-default,
input.reg_button {
    display: inline-block;
    border: 1px solid #cccccc;
    border-radius: 4px;
    background: #ffffff;
    padding: 6px 12px;
    color: #333333;
    line-height: 1.4;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    user-select: none;
}

.btn:hover,
.btn-default:hover,
input.reg_button:hover {
    background: #eeeeee;
    text-decoration: none;
}

.btn-primary {
    color: #ffffff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-success {
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-info {
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-warning {
    color: #ffffff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-danger {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-primary:hover,
.btn-primary:focus {
    color: #ffffff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-success:hover,
.btn-success:focus {
    color: #ffffff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-info:hover,
.btn-info:focus {
    color: #ffffff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-warning:hover,
.btn-warning:focus {
    color: #ffffff;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-danger:hover,
.btn-danger:focus {
    color: #ffffff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.btn-lg {
    padding: 10px 16px;
    border-radius: 6px;
    font-size: 18px;
    line-height: 1.3333333;
}

.btn-sm {
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
}

.btn-xs {
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
}

.btn-block {
    display: block;
    width: 100%;
}

input.reg_form,
select.reg_form,
textarea.reg_form {
    border: 2px solid #dddddd;
    border-radius: 5px;
    background: #ffffff;
    color: #111111;
    font: normal 15px Helvetica, Arial, sans-serif;
    padding: 3px;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    font-size: 14px;
    line-height: 1.42857143;
}

textarea.form-control {
    height: auto;
}

.form-group {
    margin-bottom: 15px;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}

.input-group-addon {
    width: 1%;
    padding: 6px 12px;
    color: #555555;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-default {
    border-color: #dddddd;
}

.panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #dddddd;
}

.panel-primary {
    border-color: #337ab7;
}

.panel-primary > .panel-heading {
    color: #ffffff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.well {
    min-height: 20px;
    margin-bottom: 20px;
    padding: 19px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.alert {
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
}

.label-default { background-color: #777777; }
.label-primary { background-color: #337ab7; }
.label-success { background-color: #5cb85c; }
.label-info { background-color: #5bc0de; }
.label-warning { background-color: #f0ad4e; }
.label-danger { background-color: #d9534f; }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777777;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.clearfix::before,
.clearfix::after,
.container::before,
.container::after,
.container-fluid::before,
.container-fluid::after,
.conteiner-fluid::before,
.conteiner-fluid::after,
.row::before,
.row::after,
.panel-body::before,
.panel-body::after {
    display: table;
    content: " ";
}

.clearfix::after,
.container::after,
.container-fluid::after,
.conteiner-fluid::after,
.row::after,
.panel-body::after {
    clear: both;
}

.modal {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal.in,
.modal.open {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 30px auto;
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
}

.modal-header,
.modal-body,
.modal-footer {
    padding: 15px;
}

.modal-header {
    border-bottom: 1px solid #e5e5e5;
}

.modal-footer {
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.close {
    float: right;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: .2;
    border: 0;
    background: transparent;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
}

.glyphicon-remove::before {
    content: "x";
}

.hidden {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

main[data-route="reg_partner"] form[name="form_reg1"],
main[data-route="reg_client"] form[name="form_reg1"],
main[data-route="reg_client_form"] form[name="form_reg1"] {
    max-width: 1140px;
    margin: 24px auto 28px;
    color: #35414b;
}

main[data-route="reg_partner"] form[name="form_reg1"] .panel,
main[data-route="reg_client"] form[name="form_reg1"] .panel,
main[data-route="reg_client_form"] form[name="form_reg1"] .panel {
    overflow: hidden;
    border: 1px solid #d9e4e6;
    border-radius: 6px;
    box-shadow: 0 10px 26px rgba(34, 73, 84, .08);
}

main[data-route="reg_partner"] form[name="form_reg1"] .panel-heading,
main[data-route="reg_client"] form[name="form_reg1"] .panel-heading,
main[data-route="reg_client_form"] form[name="form_reg1"] .panel-heading {
    min-height: 0;
    padding: 11px 16px;
    border-bottom-color: #d9e4e6;
    background: #f7fbfc;
}

main[data-route="reg_partner"] form[name="form_reg1"] .panel-heading h4,
main[data-route="reg_client"] form[name="form_reg1"] .panel-heading h4,
main[data-route="reg_client_form"] form[name="form_reg1"] .panel-heading h4 {
    margin: 0;
    color: #243946;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.35;
}

main[data-route="reg_partner"] form[name="form_reg1"] .panel-body,
main[data-route="reg_client"] form[name="form_reg1"] .panel-body,
main[data-route="reg_client_form"] form[name="form_reg1"] .panel-body {
    padding: 14px 16px 2px !important;
}

main[data-route="reg_partner"] form[name="form_reg1"] h4,
main[data-route="reg_client"] form[name="form_reg1"] h4,
main[data-route="reg_client_form"] form[name="form_reg1"] h4 {
    margin: 10px 0 16px;
    color: #3d4b55;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;
}

main[data-route="reg_partner"] form[name="form_reg1"] input:not([type="hidden"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]),
main[data-route="reg_partner"] form[name="form_reg1"] select,
main[data-route="reg_partner"] form[name="form_reg1"] textarea,
main[data-route="reg_client"] form[name="form_reg1"] input:not([type="hidden"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]),
main[data-route="reg_client"] form[name="form_reg1"] select,
main[data-route="reg_client"] form[name="form_reg1"] textarea,
main[data-route="reg_client_form"] form[name="form_reg1"] input:not([type="hidden"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]),
main[data-route="reg_client_form"] form[name="form_reg1"] select,
main[data-route="reg_client_form"] form[name="form_reg1"] textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 38px;
    margin-top: 5px;
    padding: 7px 10px;
    border: 1px solid #b8c8cc;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: inset 0 1px 2px rgba(27, 55, 66, .06);
    color: #1f2f38;
    font-family: var(--font-vg-text);
    font-size: 15px;
    line-height: 1.4;
    outline: none;
    transition: border-color .16s ease, box-shadow .16s ease;
}

main[data-route="reg_partner"] form[name="form_reg1"] input:not([type="hidden"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]):focus,
main[data-route="reg_partner"] form[name="form_reg1"] select:focus,
main[data-route="reg_partner"] form[name="form_reg1"] textarea:focus,
main[data-route="reg_client"] form[name="form_reg1"] input:not([type="hidden"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]):focus,
main[data-route="reg_client"] form[name="form_reg1"] select:focus,
main[data-route="reg_client"] form[name="form_reg1"] textarea:focus,
main[data-route="reg_client_form"] form[name="form_reg1"] input:not([type="hidden"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]):focus,
main[data-route="reg_client_form"] form[name="form_reg1"] select:focus,
main[data-route="reg_client_form"] form[name="form_reg1"] textarea:focus {
    border-color: #01aeb9;
    box-shadow: 0 0 0 3px rgba(1, 179, 191, .14);
}

main[data-route="reg_partner"] form[name="form_reg1"] #bd_y,
main[data-route="reg_partner"] form[name="form_reg1"] #bd_m,
main[data-route="reg_partner"] form[name="form_reg1"] #bd_d,
main[data-route="reg_client"] form[name="form_reg1"] #bd_y,
main[data-route="reg_client"] form[name="form_reg1"] #bd_m,
main[data-route="reg_client"] form[name="form_reg1"] #bd_d,
main[data-route="reg_client_form"] form[name="form_reg1"] #bd_y,
main[data-route="reg_client_form"] form[name="form_reg1"] #bd_m,
main[data-route="reg_client_form"] form[name="form_reg1"] #bd_d {
    display: inline-block;
    width: calc(33.333% - 5px);
    margin-right: 4px;
    vertical-align: top;
}

main[data-route="reg_partner"] form[name="form_reg1"] #bd_d,
main[data-route="reg_client"] form[name="form_reg1"] #bd_d,
main[data-route="reg_client_form"] form[name="form_reg1"] #bd_d {
    margin-right: 0;
}

main[data-route="reg_partner"] form[name="form_reg1"] textarea,
main[data-route="reg_client"] form[name="form_reg1"] textarea,
main[data-route="reg_client_form"] form[name="form_reg1"] textarea {
    min-height: 150px;
    resize: vertical;
    font-family: var(--font-vg-text) !important;
    line-height: 1.55;
}

main[data-route="reg_partner"] form[name="form_reg1"] input[type="checkbox"],
main[data-route="reg_client"] form[name="form_reg1"] input[type="checkbox"],
main[data-route="reg_client_form"] form[name="form_reg1"] input[type="checkbox"] {
    margin-right: 8px;
    accent-color: #01b3bf;
    vertical-align: -4px;
}

main[data-route="reg_partner"] form[name="form_reg1"] #sponsor_name,
main[data-route="reg_partner"] form[name="form_reg1"] #login_status,
main[data-route="reg_partner"] form[name="form_reg1"] #confirm_password,
main[data-route="reg_partner"] form[name="form_reg1"] #email_status,
main[data-route="reg_client"] form[name="form_reg1"] #sponsor_name,
main[data-route="reg_client"] form[name="form_reg1"] #login_status,
main[data-route="reg_client"] form[name="form_reg1"] #confirm_password,
main[data-route="reg_client"] form[name="form_reg1"] #email_status,
main[data-route="reg_client_form"] form[name="form_reg1"] #sponsor_name,
main[data-route="reg_client_form"] form[name="form_reg1"] #login_status,
main[data-route="reg_client_form"] form[name="form_reg1"] #confirm_password,
main[data-route="reg_client_form"] form[name="form_reg1"] #email_status {
    color: #1f7880;
    font-size: 15px;
    font-weight: 400;
}

main[data-route="reg_partner"] form[name="form_reg1"] .btn,
main[data-route="reg_partner"] form[name="form_reg1"] input[type="button"],
main[data-route="reg_client"] form[name="form_reg1"] .btn,
main[data-route="reg_client"] form[name="form_reg1"] input[type="button"],
main[data-route="reg_client_form"] form[name="form_reg1"] .btn,
main[data-route="reg_client_form"] form[name="form_reg1"] input[type="button"] {
    min-height: 42px;
    border-color: #019ca6;
    border-radius: 6px;
    background: #01b3bf;
    color: #ffffff;
    padding: 9px 24px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.3;
    box-shadow: 0 8px 16px rgba(1, 141, 151, .18);
}

main[data-route="reg_partner"] form[name="form_reg1"] .btn:hover,
main[data-route="reg_partner"] form[name="form_reg1"] input[type="button"]:hover,
main[data-route="reg_partner"] form[name="form_reg1"] .btn:focus,
main[data-route="reg_partner"] form[name="form_reg1"] input[type="button"]:focus,
main[data-route="reg_client"] form[name="form_reg1"] .btn:hover,
main[data-route="reg_client"] form[name="form_reg1"] input[type="button"]:hover,
main[data-route="reg_client"] form[name="form_reg1"] .btn:focus,
main[data-route="reg_client"] form[name="form_reg1"] input[type="button"]:focus,
main[data-route="reg_client_form"] form[name="form_reg1"] .btn:hover,
main[data-route="reg_client_form"] form[name="form_reg1"] input[type="button"]:hover,
main[data-route="reg_client_form"] form[name="form_reg1"] .btn:focus,
main[data-route="reg_client_form"] form[name="form_reg1"] input[type="button"]:focus {
    border-color: #018a94;
    background: #019ea8;
    color: #ffffff;
    text-decoration: none;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    .hidden-lg {
        display: none !important;
    }
}

.link_1,
a.link_1 {
    color: #0000ff !important;
    cursor: pointer;
    text-decoration: none;
}

.link_1:hover,
.link_1:focus,
a.link_1:hover,
a.link_1:focus {
    color: #0000aa !important;
    text-decoration: underline;
}

.grey_8,
.grey_10,
.grey_11,
.grey_12,
.grey_14,
.grey_16,
.grey_18,
.grey_20 {
    color: #444444;
    font-family: var(--font-vg-text);
    font-weight: normal;
    line-height: 130%;
    margin: 0;
    padding: 0;
}

.green_12,
.green_14,
.green_16,
.green_18,
.green_22 {
    color: #00aa00;
}

.red_10,
.red_12,
.red_14,
.red_16 {
    color: #ff0000;
}

@media (max-width: 767px) {
    html,
    body,
    .legacy-body main {
        max-width: 100%;
        overflow-x: hidden;
    }

    .vg-cookie-consent,
    #cookie_informer {
        right: 12px !important;
        bottom: 12px !important;
        left: 12px !important;
        width: auto !important;
        max-width: none !important;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 12px 40px 12px 14px !important;
        transform: none;
    }

    .vg-cookie-consent__button,
    #cookie_informer .btn,
    #cookie_informer .top_button {
        width: auto !important;
        align-self: flex-start;
    }

    table {
        max-width: 100%;
    }

    main[data-route="reg_partner"] form[name="form_reg1"],
    main[data-route="reg_client"] form[name="form_reg1"],
    main[data-route="reg_client_form"] form[name="form_reg1"] {
        width: calc(100% - 20px);
        margin: 14px auto 24px;
    }

    main[data-route="reg_partner"] form[name="form_reg1"] .panel,
    main[data-route="reg_client"] form[name="form_reg1"] .panel,
    main[data-route="reg_client_form"] form[name="form_reg1"] .panel {
        margin-bottom: 14px;
        border-radius: 5px;
        box-shadow: 0 6px 18px rgba(34, 73, 84, .08);
    }

    main[data-route="reg_partner"] form[name="form_reg1"] .panel-heading,
    main[data-route="reg_client"] form[name="form_reg1"] .panel-heading,
    main[data-route="reg_client_form"] form[name="form_reg1"] .panel-heading {
        padding: 10px 12px;
    }

    main[data-route="reg_partner"] form[name="form_reg1"] .panel-body,
    main[data-route="reg_client"] form[name="form_reg1"] .panel-body,
    main[data-route="reg_client_form"] form[name="form_reg1"] .panel-body {
        padding: 10px 12px 1px !important;
    }

    main[data-route="reg_partner"] form[name="form_reg1"] h4,
    main[data-route="reg_client"] form[name="form_reg1"] h4,
    main[data-route="reg_client_form"] form[name="form_reg1"] h4 {
        margin: 8px 0 13px;
        font-size: 15px;
        line-height: 1.42;
    }

    main[data-route="reg_partner"] form[name="form_reg1"] input:not([type="hidden"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]),
    main[data-route="reg_partner"] form[name="form_reg1"] select,
    main[data-route="reg_partner"] form[name="form_reg1"] textarea,
    main[data-route="reg_client"] form[name="form_reg1"] input:not([type="hidden"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]),
    main[data-route="reg_client"] form[name="form_reg1"] select,
    main[data-route="reg_client"] form[name="form_reg1"] textarea,
    main[data-route="reg_client_form"] form[name="form_reg1"] input:not([type="hidden"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]),
    main[data-route="reg_client_form"] form[name="form_reg1"] select,
    main[data-route="reg_client_form"] form[name="form_reg1"] textarea {
        min-height: 42px;
        font-size: 16px;
    }

    main[data-route="reg_partner"] form[name="form_reg1"] #bd_y,
    main[data-route="reg_partner"] form[name="form_reg1"] #bd_m,
    main[data-route="reg_partner"] form[name="form_reg1"] #bd_d,
    main[data-route="reg_client"] form[name="form_reg1"] #bd_y,
    main[data-route="reg_client"] form[name="form_reg1"] #bd_m,
    main[data-route="reg_client"] form[name="form_reg1"] #bd_d,
    main[data-route="reg_client_form"] form[name="form_reg1"] #bd_y,
    main[data-route="reg_client_form"] form[name="form_reg1"] #bd_m,
    main[data-route="reg_client_form"] form[name="form_reg1"] #bd_d {
        width: 30.5%;
        padding-right: 4px;
        padding-left: 6px;
        font-size: 15px;
    }

    main[data-route="reg_partner"] form[name="form_reg1"] input[type="button"],
    main[data-route="reg_client"] form[name="form_reg1"] input[type="button"],
    main[data-route="reg_client_form"] form[name="form_reg1"] input[type="button"] {
        width: 100%;
        max-width: 320px;
        min-height: 44px;
        white-space: normal;
    }

    main[data-route="shop_actividan"] .contact-floating-box {
        width: calc(100% - 20px) !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .imageHolder,
    .img-holder-img {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .legacy-contact-actions {
        bottom: 12px !important;
        right: 10px !important;
        max-width: 62px !important;
        overflow: visible !important;
        z-index: 1200 !important;
    }

    .legacy-contact-actions td {
        display: block;
        padding: 0 !important;
        text-align: right;
    }

    .legacy-contact-actions tr {
        display: block;
        margin-top: 6px;
    }

    .legacy-contact-actions img {
        width: 56px !important;
        max-width: 56px !important;
        height: auto !important;
        filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.25));
    }

    .legacy-contact-actions br {
        display: none;
    }

    main[data-route="actividan"] table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: auto !important;
    }

    main[data-route="message_14"] table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed;
    }

    main[data-route="actividan"] colgroup,
    main[data-route="actividan"] col {
        display: none;
    }

    main[data-route="actividan"] td {
        max-width: 100%;
        overflow-wrap: break-word;
        word-break: normal;
    }

    main[data-route="message_14"] td {
        max-width: 100%;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    main[data-route="actividan"] > table,
    main[data-route="actividan"] > div > table {
        display: block;
        height: auto !important;
    }

    main[data-route="actividan"] > div {
        background: #ffffff !important;
    }

    main[data-route="actividan"] > div > table > tbody > tr:first-child br {
        display: none;
    }

    main[data-route="actividan"] > div > table > tbody > tr:first-child > td {
        padding-top: 22px;
        padding-bottom: 10px;
    }

    main[data-route="actividan"] > table > tbody,
    main[data-route="actividan"] > div > table > tbody,
    main[data-route="actividan"] > table > tbody > tr,
    main[data-route="actividan"] > div > table > tbody > tr,
    main[data-route="actividan"] > table > tbody > tr > td,
    main[data-route="actividan"] > div > table > tbody > tr > td {
        display: block;
        width: 100% !important;
        max-width: 100%;
        height: auto !important;
    }

    main[data-route="actividan"] > table > tbody > tr > td,
    main[data-route="actividan"] > div > table > tbody > tr > td {
        padding-left: 12px;
        padding-right: 12px;
    }

    main[data-route="actividan"] > table > tbody > tr > td:empty,
    main[data-route="actividan"] > div > table > tbody > tr > td:empty {
        display: none;
    }

    main[data-route="actividan"] font[size="5"] {
        font-size: 20px;
        line-height: 1.25;
    }

    main[data-route="actividan"] font[size="7"] {
        font-size: 30px;
        line-height: 1.1;
    }

    main[data-route="actividan"] h3 span[style*="font-size: 30pt"] {
        font-size: 24px !important;
        line-height: 1.25 !important;
    }

    main[data-route="actividan"] img[style*="position: absolute"] {
        display: none !important;
    }

    main[data-route="actividan"] .actividan-action-table,
    main[data-route="actividan"] .actividan-action-table > tbody,
    main[data-route="actividan"] .actividan-action-table > tbody > tr {
        display: block;
        width: 100% !important;
    }

    main[data-route="actividan"] .actividan-action-table > tbody > tr > td {
        display: block;
        width: 100% !important;
        height: 54px;
        margin-bottom: 8px;
    }

    main[data-route="message_14"] table.container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        display: none;
        clear: both;
    }

    .navbar-collapse.in,
    .navbar-collapse.open {
        display: block;
    }

    .navbar-nav {
        display: block;
    }

    .navbar-nav > li {
        display: block;
    }

    .dropdown-menu {
        position: static;
        width: 100%;
        box-shadow: none;
    }

    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Premium VIMGRACE 2026 interface layer. */
:root {
    --color-vg-nav: #18b9c1;
    --color-vg-nav-active: #0b9ca6;
    --color-vg-footer: #073f4a;
    --color-vg-text: #263840;
    --color-vg-muted: #62757c;
    --color-vg-surface: #ffffff;
    --color-vg-soft: #f3fbfb;
    --color-vg-line: #dcecee;
    --color-vg-green: #4fbf71;
    --color-vg-gold: #c9a24a;
    --font-vg-text: "Manrope", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-vg-condensed: "Manrope", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

html {
    scroll-behavior: smooth;
}

body.vg-premium-shell {
    background:
        radial-gradient(circle at top left, rgba(24, 185, 193, .1), transparent 34rem),
        linear-gradient(180deg, #f6fcfc 0, #ffffff 42rem);
    color: var(--color-vg-text);
    font-family: var(--font-vg-text);
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: 0;
}

.vg-premium-shell *,
.vg-premium-shell *::before,
.vg-premium-shell *::after {
    letter-spacing: 0;
}

.vg-premium-shell a {
    color: #087d88;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.vg-premium-shell a:hover,
.vg-premium-shell a:focus {
    color: #045e67;
}

.vg-page {
    min-height: 100vh;
    color: var(--color-vg-text);
    font-family: var(--font-vg-text);
}

.vg-page,
.vg-page p,
.vg-page li,
.vg-page td,
.vg-page th,
.vg-page div,
.vg-page span,
.vg-page font,
.vg-page input,
.vg-page select,
.vg-page textarea,
.vg-page button {
    font-family: var(--font-vg-text) !important;
    font-weight: 400;
}

.vg-page p,
.vg-page li,
.vg-page td {
    color: #34474f;
    font-size: 16px;
    line-height: 1.7;
}

.vg-page h1,
.vg-page h2,
.vg-page h3,
.vg-page h4,
.vg-page h5,
.vg-page h6,
.vg-page h1 *,
.vg-page h2 *,
.vg-page h3 *,
.vg-page h4 * {
    color: #18333b !important;
    font-family: var(--font-vg-text) !important;
    font-weight: 500 !important;
    letter-spacing: 0;
}

.vg-page h1 {
    font-size: clamp(34px, 5vw, 62px);
    line-height: 1.08;
}

.vg-page h2,
.vg-page h3 {
    font-size: clamp(26px, 3vw, 42px);
    line-height: 1.18;
}

.vg-page h4 {
    font-size: clamp(18px, 2vw, 24px);
    line-height: 1.35;
}

.vg-page b,
.vg-page strong {
    font-weight: 600 !important;
}

.vg-page .container {
    width: min(100% - 40px, 1160px);
    max-width: 1160px;
}

#navbar.navbar-fixed-top {
    z-index: 2200;
    box-shadow: 0 10px 24px rgba(5, 77, 86, .12);
}

#navbar .navbar {
    min-height: 56px;
    border: 0 !important;
    background:
        linear-gradient(180deg, rgba(39, 198, 207, .96), rgba(13, 172, 181, .96)) !important;
    backdrop-filter: blur(16px);
}

#navbar .container {
    display: flex;
    min-height: 56px;
    align-items: center;
    gap: 18px;
}

#navbar .navbar-header {
    display: flex;
    float: none;
    min-width: 190px;
    align-items: center;
}

#navbar .navbar-header > div {
    padding: 6px 20px 6px 0 !important;
}

#navbar .navbar-header img[src*="vimgrace_logo"] {
    width: auto;
    height: 39px !important;
    filter: drop-shadow(0 4px 10px rgba(0, 70, 80, .18));
}

#navbar .navbar-collapse {
    flex: 1 1 auto;
}

#navbar .navbar-nav {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 2px;
}

#navbar .navbar-nav > li > a {
    border-radius: 999px;
    color: #ffffff !important;
    font-family: var(--font-vg-text) !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    padding: 8px 8px;
    white-space: nowrap;
    text-shadow: none;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

#navbar .navbar-nav > li > a:hover,
#navbar .navbar-nav > li > a:focus,
#navbar .navbar-nav > .open > a,
#navbar .navbar-nav > .active > a {
    background: rgba(255, 255, 255, .18) !important;
    color: #ffffff !important;
    text-decoration: none;
}

#navbar .caret {
    margin-left: 5px;
    opacity: .9;
}

#navbar .dropdown-menu {
    min-width: 220px;
    border: 1px solid rgba(21, 140, 149, .16);
    border-radius: 8px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 18px 40px rgba(15, 74, 82, .16);
    padding: 6px;
}

#navbar .dropdown-menu > li > a {
    border-radius: 6px;
    color: #24414a;
    font-family: var(--font-vg-text) !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    padding: 7px 10px;
}

#navbar .dropdown-menu > li > a:hover,
#navbar .dropdown-menu > li > a:focus {
    background: #edfafa;
    color: #075d66;
    text-decoration: none;
}

#navbar .navbar-nav > li > a[onclick*="menu_contact_form"] {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    height: 40px;
    min-height: 40px;
    padding: 8px 10px !important;
    white-space: nowrap;
}

#navbar .navbar-nav > li > a:has(> img[src*="flags"]) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 40px;
    min-height: 40px;
    padding: 8px 10px !important;
}

#navbar img[src*="man_ico"] {
    width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    max-height: 24px !important;
    object-fit: contain;
    border-radius: 50%;
    vertical-align: middle;
}

#navbar img[src*="flags"] {
    width: 22px !important;
    max-width: 22px !important;
    height: auto !important;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
}

#navbar .dropdown-menu img[src*="flags"] {
    margin-right: 7px !important;
    vertical-align: -4px;
}

#navbar_bg {
    height: 56px !important;
}

main[data-layout="office"] > .vg-office-menu-shell {
    position: relative;
    z-index: 2100;
    overflow: visible;
    margin: 0;
    background: #e8f8f8;
    box-shadow: 0 10px 24px rgba(5, 77, 86, .1);
}

main[data-layout="office"] > .vg-office-menu-shell .navbar {
    min-height: 52px;
    margin: 0;
    border: 0 !important;
    border-radius: 0;
    background: linear-gradient(180deg, #24bec8 0%, #0ea8b4 100%) !important;
    box-shadow: none;
}

main[data-layout="office"] > .vg-office-menu-shell .navbar > .container {
    display: flex;
    width: min(100% - 28px, 1160px);
    max-width: 1160px;
    min-height: 52px;
    align-items: stretch;
    justify-content: center;
    padding-right: 0;
    padding-left: 0;
}

main[data-layout="office"] > .vg-office-menu-shell .navbar-header {
    display: flex;
    float: none;
    min-width: 0;
    align-items: center;
}

main[data-layout="office"] > .vg-office-menu-shell .navbar-header > div {
    display: none;
}

main[data-layout="office"] > .vg-office-menu-shell .navbar-collapse {
    flex: 1 1 auto;
    padding-right: 0;
    padding-left: 0;
}

main[data-layout="office"] > .vg-office-menu-shell .navbar-nav {
    display: flex;
    float: none;
    width: 100%;
    align-items: stretch;
    justify-content: center;
    gap: 0;
    margin: 0;
}

main[data-layout="office"] > .vg-office-menu-shell .navbar-nav > li {
    display: flex;
    float: none;
    align-items: stretch;
}

main[data-layout="office"] > .vg-office-menu-shell .navbar-nav > li > a,
main[data-layout="office"] > .vg-office-menu-shell .navbar-nav > li > a.vg-cta-control {
    display: inline-flex !important;
    min-height: 52px !important;
    height: 52px;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-family: var(--font-vg-text) !important;
    font-size: 15px;
    font-weight: 500 !important;
    line-height: 1.1;
    padding: 0 13px !important;
    text-shadow: none;
    transform: none !important;
    white-space: nowrap;
}

main[data-layout="office"] > .vg-office-menu-shell .navbar-nav > li > a:hover,
main[data-layout="office"] > .vg-office-menu-shell .navbar-nav > li > a:focus,
main[data-layout="office"] > .vg-office-menu-shell .navbar-nav > .open > a,
main[data-layout="office"] > .vg-office-menu-shell .navbar-nav > .open > a:hover,
main[data-layout="office"] > .vg-office-menu-shell .navbar-nav > .open > a:focus,
main[data-layout="office"] > .vg-office-menu-shell .navbar-nav > .active > a {
    background: rgba(4, 126, 136, .28) !important;
    color: #ffffff !important;
    text-decoration: none;
}

main[data-layout="office"] > .vg-office-menu-shell .caret {
    margin-left: 5px;
    opacity: .86;
}

main[data-layout="office"] > .vg-office-menu-shell .dropdown-menu {
    min-width: 240px;
    margin-top: 0;
    border: 1px solid rgba(17, 148, 159, .15);
    border-radius: 0 0 8px 8px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 18px 36px rgba(15, 74, 82, .18);
    padding: 6px;
}

main[data-layout="office"] > .vg-office-menu-shell .dropdown-menu > li > a {
    display: block !important;
    min-height: 0 !important;
    height: auto;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #24414a !important;
    font-family: var(--font-vg-text) !important;
    font-size: 14px;
    font-weight: 500 !important;
    line-height: 1.25;
    padding: 8px 10px !important;
    text-align: left;
    white-space: normal;
}

main[data-layout="office"] > .vg-office-menu-shell .dropdown-menu > li > a:hover,
main[data-layout="office"] > .vg-office-menu-shell .dropdown-menu > li > a:focus {
    background: #edfafa !important;
    color: #075d66 !important;
}

main[data-layout="office"] > .vg-office-menu-shell img[src*="flags"] {
    width: 22px !important;
    max-width: 22px !important;
    height: auto !important;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
}

main[data-layout="office"] > .vg-office-menu-shell .dropdown-menu img[src*="flags"] {
    margin-right: 7px !important;
    vertical-align: -4px;
}

main[data-layout="office"] > .vg-office-menu-shell > .text-center {
    padding: 12px 0 10px;
    background: #e8f8f8;
}

main[data-layout="office"] > .vg-office-menu-shell img[src*="back_office"] {
    display: inline-block !important;
    width: 112px !important;
    max-width: 112px !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
}

main[data-layout="office"] {
    min-height: 100vh;
    background:
        linear-gradient(180deg, #effafa 0, #f7fbfb 220px, #ffffff 100%);
}

main[data-layout="office"] > br {
    display: none;
}

main[data-layout="office"] > .vg-content-section,
main[data-layout="office"] > .vg-office-generated-section {
    width: min(100% - 40px, 1160px);
    max-width: 1160px;
    margin: 26px auto 34px;
    border: 1px solid rgba(24, 185, 193, .14);
    border-radius: 8px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 18px 50px rgba(33, 89, 97, .08);
    padding: 28px 28px 30px;
}

main[data-layout="office"] > .vg-first-section {
    margin-top: 26px;
}

main[data-layout="office"] .vg-content-section:empty,
main[data-layout="office"] .vg-empty-section {
    display: none !important;
}

main[data-layout="office"] h1,
main[data-layout="office"] h2,
main[data-layout="office"] h3,
main[data-layout="office"] h4 {
    color: #18333b !important;
    font-family: var(--font-vg-text) !important;
    font-weight: 500 !important;
    letter-spacing: 0;
}

main[data-layout="office"] .vg-content-section > h3,
main[data-layout="office"] .vg-content-section > h4,
main[data-layout="office"] .vg-content-section .row:first-child h3,
main[data-layout="office"] .vg-content-section .row:first-child h4 {
    margin-top: 0;
}

main[data-layout="office"] p,
main[data-layout="office"] li,
main[data-layout="office"] td {
    color: #33474f;
}

main[data-layout="office"] a:not(.btn):not(.vg-cta-control) {
    color: #0000ff !important;
    cursor: pointer;
    text-decoration: none;
    text-underline-offset: 3px;
}

main[data-layout="office"] a:not(.btn):not(.vg-cta-control):hover,
main[data-layout="office"] a:not(.btn):not(.vg-cta-control):focus {
    color: #0000aa !important;
    text-decoration: underline;
}

main[data-layout="office"] a:not(.btn):not(.vg-cta-control):focus-visible {
    outline: 2px solid rgba(0, 0, 255, .25);
    outline-offset: 2px;
    border-radius: 3px;
}

main[data-layout="office"] > .vg-content-section a[href^="http"] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

main[data-layout="office"] > .vg-content-section code {
    display: inline-block;
    max-width: 100%;
    overflow-wrap: anywhere;
    border: 1px solid #dcebed;
    border-radius: 6px;
    background: #f4fbfb;
    color: #1e5961;
    font-family: "Consolas", "Liberation Mono", monospace;
    font-size: 13px;
    line-height: 1.45;
    padding: 7px 9px;
    white-space: normal;
}

main[data-layout="office"] .panel {
    overflow: hidden;
    border: 1px solid rgba(24, 185, 193, .16);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(33, 89, 97, .07);
}

main[data-layout="office"] .panel-heading {
    border-bottom: 1px solid rgba(24, 185, 193, .13);
    background: linear-gradient(180deg, #f2fbfb, #e9f7f8);
}

main[data-layout="office"] .panel-body {
    padding: 18px;
}

main[data-layout="office"] .vg-office-table-wrap {
    width: 100%;
    overflow-x: auto;
    margin: 16px 0 22px;
    border: 1px solid #dbe9eb;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}

main[data-layout="office"] table.vg-office-table,
main[data-layout="office"] .vg-office-table-wrap > table {
    width: 100%;
    min-width: min(760px, 100%);
    margin: 0 !important;
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
}

main[data-layout="office"] table.vg-office-table > thead,
main[data-layout="office"] table.vg-office-table > tbody > tr:first-child > th,
main[data-layout="office"] table.vg-office-table > tbody > tr:first-child > td[colspan] {
    background: linear-gradient(180deg, #eaf8f9, #def2f4);
}

main[data-layout="office"] table.vg-office-table th,
main[data-layout="office"] table.vg-office-table td {
    border-color: #e3eff1 !important;
    padding: 10px 12px !important;
    vertical-align: middle !important;
}

main[data-layout="office"] table.vg-office-table h3,
main[data-layout="office"] table.vg-office-table h4,
main[data-layout="office"] table.vg-office-table p {
    margin: 0 !important;
    font-size: 14.5px !important;
    line-height: 1.35 !important;
}

main[data-layout="office"] table.vg-office-table img[src*="flag"] {
    width: 26px !important;
    max-width: 26px !important;
    height: auto !important;
    border-radius: 2px;
}

main[data-layout="office"] > .vg-content-section img {
    max-width: 100%;
    height: auto !important;
}

main[data-layout="office"] img[src*="pic_vg/rang/"] {
    display: block !important;
    width: min(190px, 58vw) !important;
    max-width: 190px !important;
    height: auto !important;
    margin: 16px auto 14px;
    border-radius: 0 !important;
    box-shadow: none !important;
    object-fit: contain !important;
}

main[data-layout="office"] img[src*="certificate_"],
main[data-layout="office"] img[src*="/certificate"] {
    width: auto !important;
    max-width: min(100%, 420px) !important;
    height: auto !important;
    object-fit: contain !important;
}

main[data-layout="office"] .vg-banner-host {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

main[data-layout="office"] .vg-banner-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: 18px;
    text-align: left;
}

main[data-layout="office"] .vg-banner-card {
    display: grid;
    gap: 14px;
    align-content: start;
    min-width: 0;
    border: 1px solid #dcebed;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff, #f8fcfc);
    box-shadow: 0 12px 30px rgba(33, 89, 97, .07);
    padding: 16px;
}

main[data-layout="office"] .vg-banner-preview {
    display: grid;
    min-height: 118px;
    place-items: center;
    overflow: hidden;
    border: 1px dashed #c4dde0;
    border-radius: 8px;
    background: #f2fbfb;
    padding: 16px;
}

main[data-layout="office"] .vg-banner-preview img {
    display: block;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

main[data-layout="office"] .vg-banner-meta {
    display: grid;
    gap: 10px;
    min-width: 0;
}

main[data-layout="office"] textarea.vg-banner-code {
    width: 100% !important;
    min-height: 118px;
    resize: vertical;
    font-family: "Consolas", "Liberation Mono", monospace !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
}

main[data-route="work_structure"] > .vg-first-section {
    background:
        linear-gradient(135deg, rgba(238, 252, 252, .96), rgba(255, 255, 255, .98) 48%, rgba(242, 250, 249, .96)),
        #ffffff;
}

main[data-route="work_structure"] > .vg-first-section > .row {
    margin-right: -10px;
    margin-left: -10px;
}

main[data-route="work_structure"] > .vg-first-section > .row [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
}

main[data-route="work_structure"] > .vg-first-section h3 {
    color: #087d88 !important;
    font-size: clamp(22px, 2vw, 30px) !important;
    font-weight: 600 !important;
}

main[data-route="work_structure"] > .vg-first-section h4 {
    color: #304850 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}

main[data-route="work_structure"] > .vg-first-section .vg-work-rank-summary {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    min-height: 0;
    margin-bottom: 8px;
}

main[data-route="work_structure"] > .vg-first-section .vg-work-rank-badge {
    flex: 0 0 96px;
    max-width: 96px;
}

main[data-route="work_structure"] > .vg-first-section .vg-work-rank-text {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
    text-align: left !important;
    line-height: 1.55 !important;
}

main[data-route="work_structure"] > .vg-first-section .vg-work-rank-text br:nth-of-type(n+4) {
    display: none;
}

main[data-route="work_structure"] > .vg-first-section .vg-work-status-lines {
    margin: 22px 0 10px !important;
    text-align: left !important;
    line-height: 1.55 !important;
}

main[data-route="work_structure"] > .vg-first-section .vg-work-rank-actions {
    margin: 0 0 14px !important;
    text-align: left !important;
    line-height: 1.6 !important;
}

main[data-route="work_structure"] > .vg-first-section .container-fluid > .row {
    align-items: flex-start;
}

main[data-route="work_structure"] > .vg-first-section .container-fluid > .row > [class*="col-"]:nth-child(2) {
    align-self: flex-start;
    padding-top: 0 !important;
}

main[data-route="work_structure"] > .vg-first-section .link_1 {
    display: inline-block;
    margin: 3px 0;
    font-weight: 500;
}

main[data-route="work_structure"] > .vg-first-section img[src*="pic_vg/rang/"] {
    display: block !important;
    width: 96px !important;
    max-width: 96px !important;
    margin: 0 !important;
}

main[data-route="work_structure"] > .vg-first-section .vg-work-status-active {
    color: #00aa00 !important;
}

main[data-route="work_structure"] > .vg-first-section .vg-work-status-active b,
main[data-route="work_structure"] > .vg-first-section .vg-work-status-active strong {
    color: #00aa00 !important;
}

main[data-route="work_structure"] > .vg-first-section .vg-work-status-inactive {
    color: #ff0000 !important;
}

main[data-route="work_structure"] > .vg-first-section .vg-work-status-inactive b,
main[data-route="work_structure"] > .vg-first-section .vg-work-status-inactive strong {
    color: #ff0000 !important;
}

.vg-native-page[data-layout="office"][data-route="work_structure"] {
    min-height: 100vh;
    background:
        linear-gradient(180deg, #effafa 0, #f7fbfb 230px, #ffffff 100%);
    color: #243f47;
}

.vg-native-office-menu {
    position: sticky;
    top: 0;
    z-index: 2200;
    display: flex;
    min-height: 54px;
    align-items: stretch;
    justify-content: center;
    gap: 18px;
    padding: 0 max(18px, calc((100vw - 1160px) / 2));
    background: linear-gradient(180deg, #24bec8 0%, #0ea8b4 100%);
    box-shadow: 0 10px 24px rgba(5, 77, 86, .12);
}

.vg-native-office-brand {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
}

.vg-native-office-brand a {
    display: inline-flex;
    align-items: center;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.vg-native-office-nav {
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    justify-content: center;
    min-width: 0;
}

.vg-native-office-nav__item {
    position: relative;
    display: flex;
    align-items: stretch;
}

.vg-native-office-nav__item > a {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-family: var(--font-vg-text);
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.1;
    padding: 0 11px;
    text-decoration: none;
    white-space: nowrap;
}

.vg-native-office-nav__item:hover > a,
.vg-native-office-nav__item:focus-within > a,
.vg-native-office-nav__item.is-active > a {
    background: rgba(4, 126, 136, .28);
}

.vg-native-office-nav__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    min-width: 210px;
    border: 1px solid rgba(17, 148, 159, .15);
    border-radius: 0 0 8px 8px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 18px 36px rgba(15, 74, 82, .18);
    padding: 6px;
}

.vg-native-office-nav__item:hover .vg-native-office-nav__dropdown,
.vg-native-office-nav__item:focus-within .vg-native-office-nav__dropdown {
    display: grid;
    gap: 2px;
}

.vg-native-office-nav__dropdown a {
    border-radius: 6px;
    color: #24414a !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    padding: 8px 10px;
    text-decoration: none;
}

.vg-native-office-nav__dropdown a:hover,
.vg-native-office-nav__dropdown a:focus {
    background: #edfafa;
    color: #075d66 !important;
}

.vg-work-hero,
.vg-work-kpis,
.vg-work-grid,
.vg-work-levels {
    width: min(100% - 40px, 1160px);
    max-width: 1160px;
    margin-right: auto;
    margin-left: auto;
}

.vg-work-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
    gap: 20px;
    align-items: stretch;
    margin-top: 26px;
}

.vg-work-identity,
.vg-work-status,
.vg-work-panel,
.vg-work-levels {
    border: 1px solid rgba(24, 185, 193, .14);
    border-radius: 8px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 18px 50px rgba(33, 89, 97, .08);
}

.vg-work-identity {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 22px;
}

.vg-work-rank-image,
.vg-work-rank-placeholder {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
}

.vg-work-rank-image {
    object-fit: contain;
}

.vg-work-rank-placeholder {
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: linear-gradient(135deg, #0ea8b4, #54d2cd);
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0;
}

.vg-work-identity__text {
    min-width: 0;
}

.vg-work-identity__text p,
.vg-work-status span {
    margin: 0 0 4px;
    color: #607880;
    font-size: 14px;
    font-weight: 500;
}

.vg-work-identity__text h1 {
    margin: 0 0 6px;
    color: #18333b;
    font-family: var(--font-vg-text);
    font-size: clamp(24px, 2.4vw, 34px);
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.15;
}

.vg-work-identity__text span,
.vg-work-status small {
    display: block;
    color: #38535c;
    font-size: 15px;
}

.vg-work-status {
    display: grid;
    align-content: center;
    gap: 6px;
    padding: 22px;
}

.vg-work-status strong {
    display: inline-flex;
    width: fit-content;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 700;
    padding: 7px 13px;
}

.vg-work-status strong.is-active {
    background: rgba(0, 170, 0, .1);
    color: #00aa00;
}

.vg-work-status strong.is-inactive {
    background: rgba(255, 0, 0, .08);
    color: #ff0000;
}

.vg-work-status a,
.vg-work-links a,
.vg-work-level-result a {
    color: #0000ff !important;
    font-weight: 500;
    text-decoration: none;
}

.vg-work-status a:hover,
.vg-work-links a:hover,
.vg-work-level-result a:hover {
    color: #0000aa !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.vg-work-kpis {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.vg-work-kpis article {
    min-width: 0;
    border: 1px solid rgba(24, 185, 193, .13);
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff, #f8fcfc);
    box-shadow: 0 12px 28px rgba(33, 89, 97, .06);
    padding: 14px 14px 15px;
}

.vg-work-kpis span,
.vg-work-mini-stats span {
    display: block;
    color: #607880;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
}

.vg-work-kpis strong {
    display: block;
    margin-top: 7px;
    color: #087d88;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.vg-work-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 18px;
}

.vg-work-panel {
    padding: 22px;
}

.vg-work-panel h2,
.vg-work-levels h2 {
    margin: 0 0 14px;
    color: #18333b;
    font-family: var(--font-vg-text);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
}

.vg-work-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
}

.vg-work-mini-stats {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-top: 1px solid #e2f0f2;
    padding: 12px 0;
}

.vg-work-mini-stats strong {
    color: #087d88;
    font-size: 20px;
}

.vg-work-levels {
    margin-top: 18px;
    margin-bottom: 42px;
    padding: 24px;
}

.vg-work-levels__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.vg-work-levels__header p {
    max-width: 720px;
    margin: 0;
    color: #4d6871;
    font-size: 15px;
    line-height: 1.55;
}

.vg-work-levels__header small {
    color: #607880;
    font-size: 13px;
    white-space: nowrap;
}

.vg-work-levels__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 20px;
}

.vg-work-levels__buttons button {
    min-height: 40px;
    border: 1px solid #cbdfe2;
    border-radius: 7px;
    background: linear-gradient(180deg, #ffffff, #eef8f9);
    color: #24525a;
    font-family: var(--font-vg-text);
    font-size: 14px;
    font-weight: 600;
    padding: 9px 14px;
}

.vg-work-levels__buttons button:hover,
.vg-work-levels__buttons button:focus,
.vg-work-levels__buttons button.is-active {
    border-color: transparent;
    background: linear-gradient(180deg, #16a6ad, #087d88);
    color: #ffffff;
}

.vg-work-level-result {
    margin-top: 20px;
}

.vg-work-level-message {
    border: 1px solid #dbe9eb;
    border-radius: 8px;
    background: #f5fbfb;
    color: #38535c;
    font-size: 15px;
    padding: 16px;
}

.vg-work-level-message.is-error {
    border-color: rgba(255, 0, 0, .24);
    background: rgba(255, 0, 0, .05);
    color: #b00000;
}

.vg-work-contact-popover {
    position: absolute;
    z-index: 2500;
    display: none;
    width: min(680px, calc(100vw - 32px));
    border-radius: 8px;
    box-shadow: 0 18px 48px rgba(15, 74, 82, .22);
}

.vg-enter-page {
    display: grid;
    min-height: calc(100vh - 220px);
    place-items: center;
    padding: 54px 20px 70px;
    background:
        linear-gradient(135deg, rgba(232, 248, 248, .96), rgba(255, 255, 255, .98) 48%, rgba(241, 250, 249, .98)),
        #ffffff;
}

.vg-enter-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
    width: min(100%, 980px);
    overflow: hidden;
    border: 1px solid rgba(24, 185, 193, .15);
    border-radius: 8px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 24px 70px rgba(33, 89, 97, .12);
}

.vg-enter-card__copy {
    display: grid;
    align-content: center;
    gap: 12px;
    padding: 44px;
    background: linear-gradient(145deg, #0ea8b4, #54d2cd);
    color: #ffffff;
}

.vg-enter-card__copy span {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
}

.vg-enter-card__copy h1 {
    margin: 0;
    color: #ffffff;
    font-family: var(--font-vg-text);
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.08;
}

.vg-enter-card__copy p {
    max-width: 420px;
    margin: 0;
    color: rgba(255, 255, 255, .9);
    font-size: 16px;
    line-height: 1.65;
}

.vg-enter-form {
    display: grid;
    align-content: center;
    gap: 10px;
    padding: 44px;
}

.vg-enter-form label {
    color: #24414a;
    font-size: 14px;
    font-weight: 600;
}

.vg-enter-form input {
    width: 100%;
    min-height: 46px;
    border: 1px solid #bdd5d8;
    border-radius: 7px;
    background: #ffffff;
    color: #213941;
    font-family: var(--font-vg-text);
    font-size: 15px;
    padding: 10px 12px;
}

.vg-enter-form > button[type="submit"] {
    min-height: 46px;
    margin-top: 8px;
    border: 0;
    border-radius: 7px;
    background: linear-gradient(180deg, #16a6ad, #087d88);
    color: #ffffff;
    font-family: var(--font-vg-text);
    font-size: 15px;
    font-weight: 700;
    padding: 11px 18px;
}

.vg-enter-alert {
    border: 1px solid rgba(255, 0, 0, .22);
    border-radius: 7px;
    background: rgba(255, 0, 0, .05);
    color: #b00000;
    font-size: 14px;
    line-height: 1.45;
    padding: 11px 12px;
}

.vg-native-page[data-layout="office"][data-route="office_main"] {
    min-height: 100vh;
    background:
        linear-gradient(180deg, #effafa 0, #f7fbfb 230px, #ffffff 100%);
    color: #243f47;
}

.vg-office-dashboard-hero,
.vg-office-dashboard-tools,
.vg-office-dashboard-grid {
    width: min(100% - 40px, 1160px);
    max-width: 1160px;
    margin-right: auto;
    margin-left: auto;
}

.vg-office-dashboard-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-top: 26px;
    border: 1px solid rgba(24, 185, 193, .14);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(238, 252, 252, .96), rgba(255, 255, 255, .98) 52%, rgba(242, 250, 249, .96)),
        #ffffff;
    box-shadow: 0 18px 50px rgba(33, 89, 97, .08);
    padding: 28px;
}

.vg-office-dashboard-hero span {
    display: block;
    margin-bottom: 8px;
    color: #087d88;
    font-size: 13px;
    font-weight: 700;
}

.vg-office-dashboard-hero h1 {
    margin: 0 0 10px;
    color: #18333b;
    font-family: var(--font-vg-text);
    font-size: clamp(26px, 3vw, 40px);
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.12;
}

.vg-office-dashboard-hero p {
    max-width: 720px;
    margin: 0;
    color: #405c65;
    font-size: 16px;
    line-height: 1.6;
}

.vg-office-dashboard-hero__cta {
    display: inline-flex;
    flex: 0 0 auto;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: linear-gradient(180deg, #16a6ad, #087d88);
    color: #ffffff !important;
    font-weight: 700;
    padding: 12px 18px;
    text-decoration: none;
}

.vg-office-dashboard-tools,
.vg-office-dashboard-grid {
    margin-top: 18px;
}

.vg-office-section-heading {
    margin-bottom: 14px;
}

.vg-office-section-heading h2,
.vg-office-dashboard-panel h2 {
    margin: 0;
    color: #18333b;
    font-family: var(--font-vg-text);
    font-size: 21px;
    font-weight: 650;
    letter-spacing: 0;
}

.vg-office-tool-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.vg-office-tool-card,
.vg-office-dashboard-panel {
    border: 1px solid rgba(24, 185, 193, .14);
    border-radius: 8px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 18px 50px rgba(33, 89, 97, .08);
}

.vg-office-tool-card {
    display: grid;
    gap: 12px;
    min-width: 0;
    overflow: hidden;
    color: #17444d !important;
    font-weight: 650;
    text-align: center;
    text-decoration: none;
    padding: 16px;
}

.vg-office-tool-card img {
    display: block;
    width: 100%;
    max-height: 190px;
    object-fit: contain;
}

.vg-office-tool-card:hover,
.vg-office-tool-card:focus {
    transform: translateY(-2px);
    box-shadow: 0 20px 58px rgba(33, 89, 97, .12);
}

.vg-office-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
    gap: 18px;
    margin-bottom: 42px;
}

.vg-office-dashboard-panel {
    padding: 22px;
}

.vg-office-dashboard-panel p {
    margin: 14px 0 0;
    color: #405c65;
    font-size: 15px;
    line-height: 1.65;
}

.vg-office-action-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
}

.vg-office-action-list a,
.vg-office-support-link {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbdfe2;
    border-radius: 7px;
    background: linear-gradient(180deg, #ffffff, #eef8f9);
    color: #24525a !important;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.25;
    padding: 10px 12px;
    text-align: center;
    text-decoration: none;
}

.vg-office-action-list a.is-accent {
    border-color: transparent;
    background: linear-gradient(180deg, #16a6ad, #087d88);
    color: #ffffff !important;
}

.vg-office-action-list a:hover,
.vg-office-action-list a:focus,
.vg-office-support-link:hover,
.vg-office-support-link:focus {
    border-color: #0ea8b4;
    color: #075d66 !important;
    text-decoration: none;
}

.vg-office-support-link {
    width: fit-content;
    margin-top: 18px;
}

@media (max-width: 1180px) {
    .vg-native-office-menu {
        overflow-x: auto;
        justify-content: flex-start;
    }

    .vg-native-office-nav {
        justify-content: flex-start;
    }

    .vg-work-kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .vg-office-tool-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .vg-native-office-menu {
        position: relative;
        display: block;
        min-height: 0;
        padding: 0 14px;
    }

    .vg-native-office-brand {
        min-height: 48px;
    }

    .vg-native-office-nav {
        overflow-x: auto;
        justify-content: flex-start;
        padding-bottom: 8px;
    }

    .vg-native-office-nav__item > a {
        min-height: 38px;
        border-radius: 6px;
        padding: 0 10px;
    }

    .vg-native-office-nav__dropdown {
        display: none !important;
    }

    .vg-work-hero,
    .vg-work-kpis,
    .vg-work-grid,
    .vg-work-levels {
        width: min(100% - 24px, 1160px);
    }

    .vg-work-hero,
    .vg-work-grid {
        grid-template-columns: 1fr;
    }

    .vg-work-identity {
        padding: 18px 14px;
    }

    .vg-work-status,
    .vg-work-panel,
    .vg-work-levels {
        padding: 18px 14px;
    }

    .vg-work-rank-image,
    .vg-work-rank-placeholder {
        flex-basis: 58px;
        width: 58px;
        height: 58px;
    }

    .vg-work-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .vg-work-kpis article {
        padding: 13px 12px;
    }

    .vg-work-kpis strong {
        font-size: 20px;
    }

    .vg-work-levels__header {
        display: block;
    }

    .vg-work-levels__header small {
        display: block;
        margin-top: 10px;
    }

    .vg-work-levels__buttons {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vg-enter-card {
        grid-template-columns: 1fr;
    }

    .vg-enter-card__copy,
    .vg-enter-form {
        padding: 26px 18px;
    }

    .vg-enter-card__copy p {
        font-size: 15px;
    }

    .vg-office-dashboard-hero,
    .vg-office-dashboard-tools,
    .vg-office-dashboard-grid {
        width: min(100% - 24px, 1160px);
    }

    .vg-office-dashboard-hero {
        display: grid;
        padding: 20px 14px;
    }

    .vg-office-dashboard-hero__cta {
        width: 100%;
    }

    .vg-office-tool-grid,
    .vg-office-dashboard-grid,
    .vg-office-action-list {
        grid-template-columns: 1fr;
    }

    .vg-office-dashboard-panel {
        padding: 18px 14px;
    }
}

main[data-layout="office"] input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),
main[data-layout="office"] select,
main[data-layout="office"] textarea {
    max-width: 100%;
    border: 1px solid #bdd5d8 !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    color: #213941 !important;
    font-family: var(--font-vg-text) !important;
    font-size: 15px !important;
    min-height: 40px;
    padding: 8px 11px !important;
}

main[data-layout="office"] textarea {
    min-height: 110px;
}

main[data-layout="office"] > .vg-content-section form {
    margin-top: 14px;
}

main[data-layout="office"] > .vg-content-section label {
    color: #254249;
    font-size: 14.5px;
    font-weight: 500;
}

main[data-layout="office"] > .vg-content-section form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),
main[data-layout="office"] > .vg-content-section form select,
main[data-layout="office"] > .vg-content-section form textarea {
    width: min(100%, 560px);
}

main[data-layout="office"] > .vg-content-section form textarea {
    width: 100%;
}

main[data-layout="office"] .btn,
main[data-layout="office"] input[type="button"],
main[data-layout="office"] input[type="submit"] {
    border-radius: 7px !important;
    white-space: normal;
}

main[data-layout="office"] > .vg-content-section .btn,
main[data-layout="office"] > .vg-content-section input[type="button"],
main[data-layout="office"] > .vg-content-section input[type="submit"] {
    min-height: 40px;
    border: 0 !important;
    box-shadow: 0 10px 22px rgba(7, 125, 136, .16);
    font-family: var(--font-vg-text) !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    padding: 10px 18px !important;
}

main[data-layout="office"] > .vg-content-section .btn-success,
main[data-layout="office"] > .vg-content-section input[type="submit"] {
    background: linear-gradient(180deg, #16a6ad, #087d88) !important;
    color: #ffffff !important;
}

main[data-layout="office"] > .vg-content-section .btn-default,
main[data-layout="office"] > .vg-content-section input[type="button"] {
    border: 1px solid #cbdfe2 !important;
    background: linear-gradient(180deg, #ffffff, #eef8f9) !important;
    color: #24525a !important;
    box-shadow: none;
}

@media (max-width: 1190px) {
    main[data-layout="office"] > .vg-office-menu-shell .navbar > .container {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }

    main[data-layout="office"] > .vg-office-menu-shell .navbar-nav > li > a,
    main[data-layout="office"] > .vg-office-menu-shell .navbar-nav > li > a.vg-cta-control {
        font-size: 14px;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
}

@media (max-width: 767px) {
    main[data-layout="office"] > .vg-content-section,
    main[data-layout="office"] > .vg-office-generated-section {
        width: min(100% - 24px, 1160px);
        margin-top: 18px;
        margin-bottom: 22px;
        padding: 18px 14px 20px;
    }

    main[data-layout="office"] table.vg-office-table,
    main[data-layout="office"] .vg-office-table-wrap > table {
        min-width: 680px;
    }

    main[data-layout="office"] table.vg-office-table th,
    main[data-layout="office"] table.vg-office-table td {
        padding: 8px 9px !important;
    }

    main[data-layout="office"] table.vg-office-table h3,
    main[data-layout="office"] table.vg-office-table h4,
    main[data-layout="office"] table.vg-office-table p {
        font-size: 13.5px !important;
    }

    main[data-route="work_structure"] > .vg-first-section .vg-work-rank-summary {
        display: block;
        min-height: 0;
        margin-bottom: 8px;
    }

    main[data-route="work_structure"] > .vg-first-section .vg-work-rank-badge {
        max-width: none;
    }

    main[data-route="work_structure"] > .vg-first-section img[src*="pic_vg/rang/"] {
        display: block !important;
        width: min(92px, 34vw) !important;
        max-width: 92px !important;
        margin: 0 0 14px !important;
    }

    main[data-layout="office"] > .vg-office-menu-shell .navbar {
        min-height: 54px;
    }

    main[data-layout="office"] > .vg-office-menu-shell .navbar > .container {
        display: block;
        min-height: 54px;
        padding-right: 14px;
        padding-left: 14px;
    }

    main[data-layout="office"] > .vg-office-menu-shell .navbar-header {
        min-height: 54px;
        justify-content: flex-end;
    }

    main[data-layout="office"] > .vg-office-menu-shell .navbar-toggle {
        display: block;
        float: none;
        margin: 9px 0;
        border-color: rgba(255, 255, 255, .34);
        background: rgba(255, 255, 255, .12);
    }

    main[data-layout="office"] > .vg-office-menu-shell .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }

    main[data-layout="office"] > .vg-office-menu-shell .navbar-collapse {
        display: none;
        width: 100%;
        max-height: calc(100vh - 70px);
        overflow-y: auto;
        border-top: 1px solid rgba(255, 255, 255, .22);
    }

    main[data-layout="office"] > .vg-office-menu-shell .navbar-collapse.in,
    main[data-layout="office"] > .vg-office-menu-shell .navbar-collapse.open {
        display: block;
    }

    main[data-layout="office"] > .vg-office-menu-shell .navbar-nav {
        display: block;
        padding: 8px 0 12px;
    }

    main[data-layout="office"] > .vg-office-menu-shell .navbar-nav > li {
        display: block;
    }

    main[data-layout="office"] > .vg-office-menu-shell .navbar-nav > li > a,
    main[data-layout="office"] > .vg-office-menu-shell .navbar-nav > li > a.vg-cta-control {
        display: flex !important;
        width: 100%;
        height: auto;
        min-height: 44px !important;
        justify-content: space-between;
        border-radius: 6px !important;
        padding: 11px 12px !important;
        text-align: left;
    }

    main[data-layout="office"] > .vg-office-menu-shell .dropdown-menu {
        position: static;
        float: none;
        min-width: 0;
        margin: 0 0 8px;
        border: 0;
        border-radius: 6px;
        box-shadow: none;
    }

    main[data-layout="office"] > .vg-office-menu-shell > .text-center {
        padding: 10px 0 8px;
    }

    main[data-layout="office"] > .vg-office-menu-shell img[src*="back_office"] {
        width: 96px !important;
        max-width: 96px !important;
    }
}

.vg-content-section {
    position: relative;
}

.vg-page > .vg-empty-section {
    display: none !important;
}

.vg-page > .container,
.vg-page > section .container,
.vg-page > .container-fluid:not(.vg-footer):not(#menu_contact_form),
.vg-page > .conteiner-fluid:not(#navbar) {
    color: var(--color-vg-text);
}

.vg-page > .container {
    margin-top: 26px;
    margin-bottom: 34px;
}

.vg-page > .container:not(:has(form[name="form_reg1"])) {
    border: 1px solid rgba(24, 185, 193, .14);
    border-radius: 8px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 18px 50px rgba(33, 89, 97, .08);
    padding-top: 28px;
    padding-bottom: 28px;
}

.vg-page > .container.vg-compact-heading-section {
    margin-top: 18px;
    margin-bottom: 18px;
    padding: 16px 20px !important;
    min-height: 0;
}

.vg-page > .container.vg-compact-heading-section h1,
.vg-page > .container.vg-compact-heading-section h2,
.vg-page > .container.vg-compact-heading-section h3,
.vg-page > .container.vg-compact-heading-section h4 {
    margin: 0;
    font-size: clamp(22px, 2.2vw, 30px);
    line-height: 1.25;
}

.vg-page > .vg-first-section + br,
.vg-page > .vg-first-section + br + br {
    display: none;
}

.vg-page > section {
    background: #ffffff;
}

.vg-story-page > section:nth-of-type(even),
.vg-product-page > .container:nth-of-type(even) {
    background: linear-gradient(180deg, #f4fbfb 0, #ffffff 100%);
}

.vg-page > .conteiner-fluid.vg-first-section,
.vg-page > .container-fluid.vg-first-section {
    overflow: hidden;
    margin-bottom: 24px;
    background: #e8f8f8;
}

.vg-page > .conteiner-fluid.vg-first-section img,
.vg-page > .container-fluid.vg-first-section img {
    display: block;
    width: 100%;
    max-height: 360px;
    object-fit: cover;
}

.vg-page .carousel,
.vg-page .carousel-inner,
.vg-page .item {
    overflow: hidden;
}

.vg-page .carousel img,
.vg-page .item img {
    width: 100%;
    object-fit: cover;
}

.vg-page .container img:not([src*="flags"]):not([src*="cards_logo"]):not([src*="vimgrace_logo"]),
.vg-page section img:not([src*="flags"]):not([src*="cards_logo"]):not([src*="vimgrace_logo"]) {
    border-radius: 8px;
}

.vg-page iframe,
.vg-page video {
    max-width: 100%;
    border-radius: 8px;
}

.vg-cta-control,
.vg-page .btn,
.vg-page input[type="button"],
.vg-page input[type="submit"],
.vg-page button:not(.navbar-toggle):not(.vg-cookie-consent__close) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border: 1px solid #159eab !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, #25c3c9, #119aa7) !important;
    box-shadow: 0 12px 24px rgba(12, 143, 154, .18);
    color: #ffffff !important;
    font-family: var(--font-vg-text) !important;
    font-size: 15px;
    font-weight: 600 !important;
    line-height: 1.2;
    padding: 10px 18px !important;
    text-align: center;
    text-decoration: none !important;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.vg-cta-control:hover,
.vg-page .btn:hover,
.vg-page input[type="button"]:hover,
.vg-page input[type="submit"]:hover,
.vg-page button:not(.navbar-toggle):not(.vg-cookie-consent__close):hover {
    background: linear-gradient(180deg, #18b5be, #087f8b) !important;
    box-shadow: 0 14px 28px rgba(8, 127, 139, .24);
    color: #ffffff !important;
    transform: translateY(-1px);
}

.vg-page .panel {
    overflow: hidden;
    border: 1px solid var(--color-vg-line);
    border-radius: 8px;
    background: var(--color-vg-surface);
    box-shadow: 0 14px 34px rgba(33, 89, 97, .08);
}

.vg-page .panel-heading {
    border-bottom-color: var(--color-vg-line);
    background: linear-gradient(180deg, #f4fbfb, #edf8f9);
}

.vg-page .table,
.vg-page table.table {
    overflow: hidden;
    border: 1px solid #dbe9eb;
    border-radius: 8px;
    background: #ffffff;
}

.vg-page .table > thead > tr > th,
.vg-page .table > tbody > tr > th,
.vg-page .table > tbody > tr > td,
.vg-page table.table td,
.vg-page table.table th {
    border-color: #e3eff1;
    padding: 10px 12px;
}

.vg-page .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f7fcfc;
}

.vg-page input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),
.vg-page select,
.vg-page textarea {
    border: 1px solid #bfd5d9 !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    color: #213941 !important;
    font-family: var(--font-vg-text) !important;
    font-size: 15px !important;
    line-height: 1.4;
    min-height: 40px;
    padding: 8px 11px !important;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.vg-page input:focus,
.vg-page select:focus,
.vg-page textarea:focus {
    border-color: #19aeb8 !important;
    box-shadow: 0 0 0 4px rgba(24, 185, 193, .14) !important;
    outline: none !important;
}

.vg-product-page > .container {
    max-width: 1120px;
}

.vg-product-page > .container img:not([src*="cards_logo"]):not([src*="flags"]) {
    box-shadow: 0 16px 40px rgba(30, 77, 86, .12);
}

main[data-route="payment"] > .container img[src*="cards_logo"] {
    border-radius: 0;
    box-shadow: none;
}

main[data-route="payment"] > .container > div,
main[data-route="products"] > .container > div,
main[data-route="podcast"] > .container > div,
main[data-route="events"] > div:not(#navbar):not(#navbar_bg):not(#menu_contact_form) {
    max-width: 100%;
}

main[data-route="payment"] > .container {
    padding-top: 32px;
    padding-bottom: 34px;
}

main[data-route="payment"] > .container h3,
main[data-route="products"] > .container h3 {
    margin-bottom: 16px;
}

main[data-route="medical_conference"] > .container {
    max-width: 1180px;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.vg-medical-conference-page {
    color: #243d46;
}

.vg-medical-conference-hero {
    display: flex;
    align-items: center;
    overflow: hidden;
    min-height: 0;
    margin-bottom: 12px;
    border: 0;
    border-bottom: 1px solid rgba(24, 185, 193, .2);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 0 0 10px;
}

.vg-medical-conference-kicker {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #0d8995;
    font-family: var(--font-vg-text) !important;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: nowrap;
}

.vg-medical-conference-kicker::before {
    display: block;
    width: 28px;
    height: 2px;
    border-radius: 999px;
    background: #1bb6c0;
    content: "";
}

main[data-route="medical_conference"] .vg-medical-conference-hero h1 {
    max-width: 820px;
    margin: 0 !important;
    color: #0d8995 !important;
    font-family: var(--font-vg-text) !important;
    font-size: clamp(20px, 1.8vw, 26px) !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
}

.vg-medical-conference-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 28px;
}

.vg-medical-card {
    display: flex;
    overflow: hidden;
    min-height: 100%;
    flex-direction: column;
    border: 1px solid rgba(24, 185, 193, .16);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 16px 36px rgba(22, 73, 82, .08);
    color: #243d46 !important;
    text-decoration: none !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.vg-medical-card:hover,
.vg-medical-card:focus {
    border-color: rgba(17, 154, 167, .38);
    box-shadow: 0 22px 48px rgba(19, 92, 103, .14);
    color: #18333b !important;
    outline: none;
    transform: translateY(-2px);
}

.vg-medical-card__media {
    display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: #eaf8f8;
}

.vg-medical-card__media img {
    width: 100%;
    height: 100% !important;
    border-radius: 0 !important;
    object-fit: cover;
    transition: transform .28s ease;
}

main[data-route="medical_conference"] .vg-medical-card__media img {
    height: 100% !important;
}

.vg-medical-card:hover .vg-medical-card__media img,
.vg-medical-card:focus .vg-medical-card__media img {
    transform: scale(1.035);
}

.vg-medical-card__media::after {
    display: grid;
    position: absolute;
    right: 14px;
    bottom: 14px;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 10px 22px rgba(0, 80, 90, .16);
    color: #0b8f9a;
    content: "\25B6";
    font-size: 15px;
    line-height: 1;
}

.vg-medical-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 10px;
    padding: 17px 18px 18px;
}

.vg-medical-card__eyebrow {
    color: #0f96a0;
    font-family: var(--font-vg-text) !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .03em;
}

.vg-medical-card__title {
    color: #243d46;
    font-family: var(--font-vg-text) !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.42;
}

.vg-medical-card__title b,
.vg-medical-card__title strong {
    color: #18333b;
    font-weight: 600 !important;
}

.vg-medical-card__action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    color: #087f8b;
    font-family: var(--font-vg-text) !important;
    font-size: 14px;
    font-weight: 700;
}

.vg-medical-card__action::after {
    content: "\2192";
    font-size: 16px;
}

.vg-medical-video-panel,
.vg-medical-conference-actions,
.vg-medical-video-info {
    border: 1px solid rgba(24, 185, 193, .16);
    border-radius: 8px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 16px 36px rgba(22, 73, 82, .08);
    padding: clamp(18px, 3vw, 30px);
}

.vg-medical-video-panel {
    margin-bottom: 22px;
}

.vg-medical-video-panel video,
.vg-medical-video-panel iframe {
    display: block;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 16px 36px rgba(21, 61, 70, .16);
}

.vg-medical-video-title {
    max-width: 960px;
    margin: 0 auto 18px;
    color: #18333b;
    font-family: var(--font-vg-text) !important;
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 500;
    line-height: 1.35;
    text-align: center;
}

.vg-medical-conference-actions {
    margin: 0 auto 22px;
    text-align: center;
}

.vg-medical-conference-actions h4 {
    margin: 0;
}

.vg-medical-conference-actions .alert {
    max-width: 840px;
    margin: 0 auto 20px;
    border-radius: 8px;
    line-height: 1.55;
}

.vg-medical-share {
    margin-bottom: 22px;
    text-align: center;
}

.vg-medical-video-info {
    margin-bottom: 32px;
}

.vg-medical-video-info h4 {
    margin: 0;
    color: #34474f;
    font-size: 16px;
    line-height: 1.7;
}

.vg-policy-document h1 {
    margin: 0 0 16px;
    color: #1e3a43;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.15;
}

.vg-policy-document p {
    max-width: 860px;
    margin: 0 0 20px;
    color: #314950;
    font-size: 17px;
    line-height: 1.65;
}

.vg-policy-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 22px;
}

.vg-policy-frame {
    display: block;
    width: 100%;
    height: min(78vh, 900px);
    min-height: 640px;
    border: 1px solid rgba(24, 185, 193, .24);
    border-radius: 8px;
    background: #f5fbfc;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

main[data-route="events"] > div:not(#navbar):not(#navbar_bg):not(#menu_contact_form):not(.vg-footer),
main[data-route="podcast"] > .container {
    border: 1px solid rgba(24, 185, 193, .14);
    border-radius: 8px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 18px 50px rgba(33, 89, 97, .08);
    margin: 28px auto 34px;
    padding: 28px;
    width: min(100% - 40px, 1160px);
}

main[data-route="reg_partner"],
main[data-route="reg_client"],
main[data-route="reg_client_form"],
main[data-route="enter"],
main[data-route="contact"] {
    background:
        linear-gradient(135deg, rgba(24, 185, 193, .08), transparent 34rem),
        #f7fcfc;
}

main[data-route="reg_partner"] > br,
main[data-route="reg_client"] > br,
main[data-route="reg_client_form"] > br,
main[data-route="enter"] > br,
main[data-route="contact"] > br {
    display: none !important;
}

main[data-route="enter"] > .container,
main[data-route="contact"] > .container {
    max-width: 940px;
}

main[data-route="reg_partner"] form[name="form_reg1"],
main[data-route="reg_client"] form[name="form_reg1"],
main[data-route="reg_client_form"] form[name="form_reg1"] {
    max-width: 1120px;
}

main[data-route="reg_partner"] form[name="form_reg1"] .panel,
main[data-route="reg_client"] form[name="form_reg1"] .panel,
main[data-route="reg_client_form"] form[name="form_reg1"] .panel {
    border-color: rgba(24, 185, 193, .2);
    border-radius: 8px;
    box-shadow: 0 18px 42px rgba(33, 89, 97, .1);
}

main[data-route="reg_partner"] form[name="form_reg1"] .panel-heading,
main[data-route="reg_client"] form[name="form_reg1"] .panel-heading,
main[data-route="reg_client_form"] form[name="form_reg1"] .panel-heading {
    background: linear-gradient(180deg, #f6fcfc, #eef9fa);
}

.vg-floating-actions {
    right: 22px !important;
    bottom: 72px !important;
    width: 88px !important;
    max-width: 88px !important;
}

.vg-floating-actions img {
    width: 82px !important;
    max-width: 82px !important;
    height: auto !important;
    filter: drop-shadow(0 10px 18px rgba(4, 86, 96, .18));
}

body.vg-cookie-visible .vg-floating-actions {
    bottom: 168px !important;
}

main[data-route="reg_partner"] .vg-floating-actions,
main[data-route="reg_client"] .vg-floating-actions,
main[data-route="reg_client_form"] .vg-floating-actions,
main[data-route="enter"] .vg-floating-actions,
main[data-route="contact"] .vg-floating-actions,
main[data-route="delivery"] .vg-floating-actions,
main[data-route="privacy"] .vg-floating-actions,
main[data-route="policies"] .vg-floating-actions,
main[data-route="disclaimers"] .vg-floating-actions,
main[data-route="terms"] .vg-floating-actions {
    display: none !important;
}

#menu_contact_form .container,
#menu_contact_form .container-fluid {
    max-width: 620px;
}

.vg-footer {
    border-top: 1px solid rgba(255, 255, 255, .2);
    background:
        linear-gradient(135deg, #07434c, #0a7c87 62%, #12a9b2) !important;
    color: rgba(255, 255, 255, .84) !important;
    font-size: 13px;
    line-height: 1.55;
    margin-top: 34px;
    padding: 28px 18px !important;
    text-align: center;
}

.vg-footer a,
.vg-footer h3,
.vg-footer h4,
.vg-footer div,
.vg-footer span {
    color: rgba(255, 255, 255, .9) !important;
    font-family: var(--font-vg-text) !important;
    font-weight: 400 !important;
}

.vg-footer a:hover {
    color: #ffffff !important;
}

.vg-cookie-consent,
#cookie_informer {
    width: min(1080px, calc(100vw - 36px)) !important;
    max-width: 1080px !important;
    border-color: rgba(24, 185, 193, .24) !important;
    border-radius: 8px !important;
    box-shadow: 0 14px 40px rgba(16, 84, 92, .14) !important;
    font-family: var(--font-vg-text) !important;
}

.vg-cookie-consent__button,
#cookie_informer .btn,
#cookie_informer .top_button {
    border-radius: 7px !important;
    font-weight: 600 !important;
}

@media (max-width: 991px) {
    #navbar .container {
        display: block;
        min-height: 56px;
    }

    #navbar .navbar-header {
        min-width: 0;
    }

    #navbar .navbar-toggle {
        border-color: rgba(255, 255, 255, .55);
        margin-top: 9px;
        margin-right: 0;
    }

    #navbar .navbar-toggle .icon-bar {
        background: #ffffff;
    }

    #navbar .navbar-collapse {
        border: 0;
        background: rgba(8, 139, 149, .98);
        box-shadow: 0 16px 28px rgba(0, 70, 80, .16);
        margin: 0 -15px;
        padding: 8px 15px 14px;
    }

    #navbar .navbar-nav {
        display: block;
    }

    #navbar .navbar-nav > li > a {
        border-radius: 7px;
        font-size: 15px;
        padding: 10px 12px;
    }

    #navbar .dropdown-menu {
        border: 0;
        border-radius: 7px;
        background: rgba(255, 255, 255, .96);
        margin: 4px 0 8px;
        max-height: 55vh;
        overflow-y: auto;
    }

    .vg-medical-conference-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .vg-medical-conference-hero {
        display: block;
        margin-bottom: 16px;
        padding: 18px 16px;
    }

    .vg-medical-conference-kicker {
        margin-bottom: 8px;
    }

    .vg-page > .container,
    main[data-route="events"] > div:not(#navbar):not(#navbar_bg):not(#menu_contact_form):not(.vg-footer),
    main[data-route="podcast"] > .container {
        width: min(100% - 24px, 720px);
        padding: 20px 16px;
    }
}

@media (max-width: 767px) {
    body.vg-premium-shell {
        font-size: 15px;
    }

    html,
    body.vg-premium-shell {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .vg-page,
    .vg-page > * {
        width: 100vw;
        max-width: 100%;
        overflow-x: hidden;
    }

    .vg-page *,
    .vg-page font,
    .vg-page span,
    .vg-page div,
    .vg-page h1,
    .vg-page h2,
    .vg-page h3,
    .vg-page h4,
    .vg-page p,
    .vg-page li {
        max-width: 100%;
        min-width: 0 !important;
        overflow-wrap: break-word;
        white-space: normal !important;
        word-break: normal;
    }

    .vg-page > section,
    .vg-page > section > *,
    .vg-page > div:not(#navbar):not(#navbar_bg):not(#menu_contact_form):not(.legacy-contact-actions):not(.vg-floating-actions),
    .vg-page section .container,
    .vg-page section .container-fluid,
    .vg-page section .conteiner-fluid {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .vg-page section .container,
    .vg-page section .container-fluid,
    .vg-page section .conteiner-fluid {
        padding-left: 12px !important;
        padding-right: 12px !important;
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .vg-page h1,
    .vg-page h2,
    .vg-page h3,
    .vg-page h4,
    .vg-page h5,
    .vg-page h6,
    .vg-page p {
        width: auto !important;
    }

    .vg-page h1 {
        font-size: 31px;
    }

    .vg-page h2,
    .vg-page h3 {
        font-size: 24px;
    }

    .vg-page p,
    .vg-page li,
    .vg-page td {
        font-size: 15.5px;
        line-height: 1.65;
    }

    .vg-page > .container {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        margin-top: 16px;
        margin-bottom: 22px;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 18px 13px;
    }

    .vg-policy-document h1 {
        font-size: 28px;
    }

    .vg-policy-document p {
        font-size: 15.5px;
    }

    .vg-policy-actions {
        display: block;
    }

    .vg-policy-actions .btn {
        width: 100%;
        margin: 0 0 10px;
    }

    .vg-policy-frame {
        min-height: 520px;
        height: 70vh;
    }

    .vg-page .container,
    .vg-page .container-fluid,
    .vg-page .conteiner-fluid {
        max-width: 100% !important;
    }

    .vg-page .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .vg-page [class*="col-xs-"],
    .vg-page [class*="col-sm-"],
    .vg-page [class*="col-md-"],
    .vg-page [class*="col-lg-"] {
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .vg-page img {
        max-width: 100% !important;
        height: auto !important;
    }

    main[data-route="medical_conference"] .vg-medical-card__media img {
        height: 100% !important;
    }

    .vg-medical-conference-grid {
        grid-template-columns: 1fr;
    }

    .vg-medical-card {
        box-shadow: 0 12px 26px rgba(22, 73, 82, .08);
    }

    .vg-medical-card__body {
        padding: 15px 16px 16px;
    }

    .vg-medical-conference-actions,
    .vg-medical-share,
    .vg-medical-video-info {
        text-align: left;
    }

    .vg-page > .conteiner-fluid.vg-first-section img,
    .vg-page > .container-fluid.vg-first-section img,
    .vg-page .carousel img,
    .vg-page .item img {
        min-height: 170px;
        object-fit: cover;
    }

    .vg-page table:not(.legacy-contact-actions):not(.actividan-action-table),
    .vg-page table:not(.legacy-contact-actions):not(.actividan-action-table) tbody,
    .vg-page table:not(.legacy-contact-actions):not(.actividan-action-table) tr,
    .vg-page table:not(.legacy-contact-actions):not(.actividan-action-table) td,
    .vg-page table:not(.legacy-contact-actions):not(.actividan-action-table) th {
        display: block !important;
        height: auto !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        table-layout: auto !important;
    }

    main[data-route="reg_partner"] > br,
    main[data-route="reg_client"] > br,
    main[data-route="reg_client_form"] > br,
    main[data-route="enter"] > br,
    main[data-route="contact"] > br {
        display: none !important;
    }

    main[data-route="payment"] .container table:not(.legacy-contact-actions),
    main[data-route="payment"] .container tbody,
    main[data-route="payment"] .container tr,
    main[data-route="payment"] .container td,
    main[data-route="products"] .container table:not(.legacy-contact-actions),
    main[data-route="products"] .container tbody,
    main[data-route="products"] .container tr,
    main[data-route="products"] .container td {
        display: block !important;
        height: auto !important;
        min-width: 0 !important;
    }

    .vg-page .table {
        display: block;
        overflow-x: auto;
        white-space: normal;
    }

    main[data-route="payment"] img[src*="cards_logo"] {
        display: block;
        max-width: 150px !important;
        margin: 10px 0 18px !important;
    }

    .vg-floating-actions {
        right: 10px !important;
        bottom: 74px !important;
        width: 58px !important;
        max-width: 58px !important;
    }

    .vg-floating-actions img {
        width: 56px !important;
        max-width: 56px !important;
    }

    body.vg-cookie-visible .vg-floating-actions {
        display: none !important;
    }

    .vg-cookie-consent,
    #cookie_informer {
        bottom: 10px !important;
        left: 10px !important;
        right: 10px !important;
        width: auto !important;
        padding: 12px 42px 12px 12px !important;
    }

    .vg-cookie-consent__text {
        display: block;
    }

    .vg-cookie-consent__button,
    #cookie_informer .btn,
    #cookie_informer .top_button {
        width: 100% !important;
        margin-top: 8px;
    }
}

main[data-route="main"] .text-center:has(> img[src*="halal.png"]) {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0 4px;
    margin-top: 30px;
    overflow-x: auto;
    padding: 0 8px 4px;
    white-space: nowrap !important;
}

main[data-route="main"] .text-center:has(> img[src*="halal.png"]) br {
    display: none !important;
}

main[data-route="main"] img[src*="halal.png"],
main[data-route="main"] img[src*="Kosher_Certification.png"],
main[data-route="main"] img[src*="gmp.png"],
main[data-route="main"] img[src*="ICR.png"],
main[data-route="main"] img[src*="EAC.png"] {
    display: inline-block !important;
    flex: 0 0 auto;
    width: auto !important;
    height: 80px !important;
    max-width: none !important;
    border-radius: 0 !important;
    object-fit: contain !important;
}

@media (max-width: 640px) {
    main[data-route="main"] .text-center:has(> img[src*="halal.png"]) {
        justify-content: flex-start;
        margin-top: 22px;
        padding: 0 4px 6px;
    }

    main[data-route="main"] img[src*="halal.png"],
    main[data-route="main"] img[src*="Kosher_Certification.png"],
    main[data-route="main"] img[src*="gmp.png"],
    main[data-route="main"] img[src*="ICR.png"],
    main[data-route="main"] img[src*="EAC.png"] {
        height: 52px !important;
    }
}

main[data-route="product_questions"] {
    background:
        radial-gradient(circle at 10% 8%, rgba(37, 195, 201, .12), transparent 34%),
        linear-gradient(180deg, #f4fbfb 0, #ffffff 46%, #f7fbfc 100%);
}

main[data-route="product_questions"] > br {
    display: none !important;
}

main[data-route="product_questions"] .vg-faq-shell {
    width: min(1080px, calc(100vw - 32px)) !important;
    max-width: min(1080px, calc(100vw - 32px)) !important;
    margin: 34px auto 70px !important;
    padding: 38px 34px 42px !important;
    border: 1px solid rgba(13, 148, 158, .16);
    border-radius: 12px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 24px 70px rgba(16, 64, 72, .1);
}

main[data-route="product_questions"] .vg-faq-shell .row {
    margin-left: 0;
    margin-right: 0;
}

main[data-route="product_questions"] .vg-faq-shell [class*="col-"] {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

main[data-route="product_questions"] .vg-faq-shell h3 {
    margin: 0 0 18px;
    color: #11383d;
    font-family: var(--font-vg-display);
    font-size: 34px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.16;
}

main[data-route="product_questions"] .vg-faq-shell h4 {
    margin: 0;
    color: #314b50;
    font-family: var(--font-vg-text);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65;
}

main[data-route="product_questions"] .vg-faq-shell h4 > b {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    margin: 24px 0 10px;
    padding: 5px 12px;
    border: 1px solid rgba(13, 148, 158, .2);
    border-radius: 999px;
    background: #e9fbfb;
    color: #087f8b;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .01em;
}

main[data-route="product_questions"] .vg-faq-question {
    position: relative;
    display: flex !important;
    align-items: center;
    min-height: 58px;
    margin: 10px 0 0;
    padding: 15px 58px 15px 18px;
    border: 1px solid rgba(12, 143, 154, .18);
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff 0, #f8fcfc 100%);
    box-shadow: 0 10px 26px rgba(13, 64, 72, .06);
    color: #173c42 !important;
    cursor: pointer;
    font-family: var(--font-vg-text);
    font-size: 16px;
    line-height: 1.35;
    text-decoration: none !important;
    transition: border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
}

main[data-route="product_questions"] .vg-faq-question b {
    font-weight: 600;
}

main[data-route="product_questions"] .vg-faq-question::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 18px;
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 999px;
    background: #e7f8f8;
    color: #087f8b;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    transform: translateY(-50%);
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

main[data-route="product_questions"] .vg-faq-question:hover,
main[data-route="product_questions"] .vg-faq-question:focus-visible,
main[data-route="product_questions"] .vg-faq-question.is-active {
    border-color: rgba(8, 127, 139, .42);
    box-shadow: 0 15px 34px rgba(8, 127, 139, .12);
    color: #062f36 !important;
    outline: none;
    transform: translateY(-1px);
}

main[data-route="product_questions"] .vg-faq-question.is-active::after {
    content: "-";
    background: #087f8b;
    color: #ffffff;
    transform: translateY(-50%) rotate(180deg);
}

main[data-route="product_questions"] .answer.vg-faq-answer {
    display: block !important;
    box-sizing: border-box;
    max-height: 0;
    margin: 0 0 0;
    padding: 0 20px !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: 0 0 10px 10px;
    background: linear-gradient(180deg, #f2fbfb 0, #ffffff 100%) !important;
    color: #2c454a !important;
    font-family: var(--font-vg-text);
    font-size: 15.5px;
    font-weight: 400;
    line-height: 1.7;
    opacity: 0;
    transition: max-height .28s ease, opacity .22s ease, padding .22s ease, margin .22s ease, border-color .22s ease;
}

main[data-route="product_questions"] .answer.vg-faq-answer.is-open {
    margin: -1px 0 12px;
    padding: 18px 20px 20px !important;
    border: 1px solid rgba(12, 143, 154, .18) !important;
    border-top: 0 !important;
    opacity: 1;
}

main[data-route="product_questions"] .answer.vg-faq-answer a {
    color: #087f8b;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}

@media (max-width: 700px) {
    main[data-route="product_questions"] .vg-faq-shell {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        margin: 18px auto 42px !important;
        padding: 22px 12px 26px !important;
        border-radius: 10px;
    }

    main[data-route="product_questions"] .vg-faq-shell h3 {
        font-size: 27px;
    }

    main[data-route="product_questions"] .vg-faq-question {
        min-height: 54px;
        padding: 13px 50px 13px 14px;
        font-size: 15px;
    }

    main[data-route="product_questions"] .vg-faq-question::after {
        right: 13px;
        width: 28px;
        height: 28px;
    }

    main[data-route="product_questions"] .answer.vg-faq-answer.is-open {
        padding: 15px 14px 17px !important;
    }
}

main[data-route="enter"] .vg-password-field,
main[data-route="profile"] .vg-password-field {
    position: relative;
    display: inline-block;
    width: min(100%, 360px);
    max-width: 100%;
}

main[data-route="enter"] input.reg_form {
    width: min(100%, 360px) !important;
    height: 46px !important;
    box-sizing: border-box;
}

main[data-route="enter"] .vg-password-field .vg-password-input,
main[data-route="profile"] .vg-password-field .vg-password-input {
    width: 100% !important;
    box-sizing: border-box;
    padding-right: 42px !important;
}

main[data-route="enter"] .vg-legacy-password-eye,
main[data-route="enter"] .glyphicon-eye-open,
main[data-route="profile"] .vg-legacy-password-eye,
main[data-route="profile"] .glyphicon-eye-open {
    display: none !important;
}

main[data-route="enter"].vg-page button.vg-password-toggle,
main[data-route="profile"].vg-page button.vg-password-toggle {
    position: absolute;
    top: 50%;
    right: 10px;
    display: grid !important;
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    place-items: center;
    box-sizing: border-box !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #70878b !important;
    cursor: pointer;
    opacity: .78;
    transform: translateY(-50%);
    transition: color .15s ease, opacity .15s ease;
}

main[data-route="enter"].vg-page button.vg-password-toggle:hover,
main[data-route="enter"].vg-page button.vg-password-toggle:focus-visible,
main[data-route="profile"].vg-page button.vg-password-toggle:hover,
main[data-route="profile"].vg-page button.vg-password-toggle:focus-visible {
    background: transparent !important;
    box-shadow: none !important;
    color: #087f8b !important;
    opacity: 1;
    outline: none;
    transform: translateY(-50%) !important;
}

main[data-route="enter"] .vg-eye-icon,
main[data-route="profile"] .vg-eye-icon {
    position: relative;
    display: block;
    width: 20px;
    height: 14px;
}

main[data-route="enter"] .vg-eye-icon::before,
main[data-route="profile"] .vg-eye-icon::before {
    content: "";
    position: absolute;
    inset: 2px 1px;
    border: 1.7px solid currentColor;
    border-radius: 50% / 62%;
}

main[data-route="enter"] .vg-eye-icon::after,
main[data-route="profile"] .vg-eye-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: currentColor;
    transform: translate(-50%, -50%);
}

main[data-route="enter"] .vg-password-toggle.is-visible .vg-eye-icon,
main[data-route="profile"] .vg-password-toggle.is-visible .vg-eye-icon {
    color: #0f5f68;
}

main[data-route="enter"] .vg-password-toggle.is-visible::after,
main[data-route="profile"] .vg-password-toggle.is-visible::after {
    content: "";
    position: absolute;
    width: 23px;
    height: 1.7px;
    border-radius: 999px;
    background: #0f5f68;
    transform: rotate(-38deg);
}

@media (max-width: 640px) {
    main[data-route="enter"] .vg-password-field,
    main[data-route="profile"] .vg-password-field {
        width: 100%;
    }
}

.vg-native-header {
    position: sticky;
    top: 0;
    z-index: 1030;
    background: #dff8fb;
    border-bottom: 1px solid rgba(10, 129, 143, .16);
    box-shadow: 0 8px 24px rgba(22, 61, 69, .08);
}

.vg-native-nav {
    display: flex;
    align-items: center;
    gap: 18px;
    width: min(1180px, calc(100% - 28px));
    min-height: 62px;
    margin: 0 auto;
}

.vg-native-brand {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

.vg-native-brand img {
    display: block;
    width: auto;
    height: 38px;
}

.vg-native-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    flex: 1 1 auto;
    min-width: 0;
}

.vg-native-menu-item {
    position: relative;
}

.vg-native-menu-item > a,
.vg-native-dropdown a {
    display: flex;
    align-items: center;
    min-height: 36px;
    padding: 8px 9px;
    color: #123d46;
    font-family: Manrope, Inter, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
}

.vg-native-menu-item > a:hover,
.vg-native-menu-item > a:focus-visible,
.vg-native-dropdown a:hover,
.vg-native-dropdown a:focus-visible {
    color: #058092;
    text-decoration: none;
}

.vg-native-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    display: grid;
    min-width: 210px;
    padding: 8px;
    border: 1px solid rgba(8, 112, 126, .16);
    border-radius: 8px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 22px 45px rgba(20, 61, 68, .16);
    opacity: 0;
    pointer-events: none;
    transform: translateY(6px);
    transition: opacity .16s ease, transform .16s ease;
}

.vg-native-menu-item:hover .vg-native-dropdown,
.vg-native-menu-item:focus-within .vg-native-dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.vg-native-languages {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
}

.vg-native-languages a {
    display: grid;
    min-width: 28px;
    height: 24px;
    place-items: center;
    border: 1px solid rgba(5, 128, 146, .18);
    border-radius: 999px;
    color: #2d6971;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
}

.vg-native-languages a.is-active,
.vg-native-languages a:hover {
    background: #058092;
    color: #fff;
}

.vg-native-menu-toggle {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.vg-native-menu-button {
    display: none;
}

.vg-native-page {
    background: #fff;
    color: #163d45;
    font-family: Manrope, Inter, Arial, sans-serif;
}

.vg-native-medical {
    width: min(1180px, calc(100% - 28px));
    margin: 0 auto;
    padding: 24px 0 58px;
}

.vg-native-medical__hero {
    padding: 14px 0 22px;
    text-align: center;
}

.vg-native-medical__hero p {
    margin: 0 0 4px;
    color: #0b8a9a;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
}

.vg-native-medical__hero h1 {
    margin: 0;
    color: #1395a6;
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 400;
    line-height: 1.16;
}

.vg-native-medical__notice,
.vg-native-medical-info,
.vg-native-medical-cta,
.vg-native-medical-share {
    margin: 0 auto 22px;
    padding: 18px 20px;
    border: 1px solid rgba(8, 112, 126, .14);
    border-radius: 8px;
    background: #f7fcfd;
    color: #244f57;
    font-size: 16px;
    line-height: 1.6;
}

.vg-native-medical__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.vg-native-video-card {
    display: grid;
    overflow: hidden;
    border: 1px solid rgba(8, 112, 126, .14);
    border-radius: 8px;
    background: #fff;
    color: #183f47;
    text-decoration: none;
    box-shadow: 0 12px 30px rgba(27, 67, 74, .08);
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.vg-native-video-card:hover {
    border-color: rgba(5, 128, 146, .42);
    box-shadow: 0 18px 38px rgba(27, 67, 74, .14);
    text-decoration: none;
    transform: translateY(-2px);
}

.vg-native-video-card__media {
    display: block;
    aspect-ratio: 16 / 9;
    background: #e7f5f7;
}

.vg-native-video-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vg-native-video-card__body {
    display: grid;
    gap: 10px;
    padding: 16px;
}

.vg-native-video-card__eyebrow {
    color: #0b8a9a;
    font-size: 12px;
    font-weight: 700;
}

.vg-native-video-card__title {
    min-height: 58px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.42;
}

.vg-native-video-card__action,
.vg-native-medical-cta a,
.vg-native-medical-info a,
.vg-native-medical-player__heading a,
.vg-native-medical-player__local {
    color: #058092;
    font-weight: 700;
    text-decoration: none;
}

.vg-native-medical-player {
    display: grid;
    gap: 16px;
    margin: 0 auto 22px;
    padding: 18px;
    border: 1px solid rgba(8, 112, 126, .14);
    border-radius: 8px;
    background: #f7fcfd;
}

.vg-native-medical-player__heading {
    display: grid;
    gap: 8px;
    text-align: center;
}

.vg-native-medical-player__heading h2 {
    margin: 0;
    font-size: clamp(19px, 2.8vw, 28px);
    font-weight: 500;
    line-height: 1.25;
}

.vg-native-medical-player video,
.vg-native-medical-player__embed {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    border-radius: 8px;
    background: #06191d;
    box-shadow: 0 18px 42px rgba(6, 25, 29, .18);
}

.vg-native-medical-player video {
    display: block;
}

.vg-native-medical-player__embed {
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.vg-native-medical-player__embed iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.vg-native-medical-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.vg-native-medical-cta p {
    margin: 0;
    font-weight: 600;
}

.vg-native-medical-cta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 18px;
    border-radius: 8px;
    background: #18a85f;
    color: #fff;
}

.vg-native-medical-share h2 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 500;
}

.vg-native-static {
    width: min(1120px, calc(100% - 28px));
    margin: 0 auto;
    padding: 30px 0 58px;
}

.vg-native-static__hero {
    padding: 10px 0 24px;
    text-align: center;
}

.vg-native-fragment {
    width: 100%;
}

.vg-native-page[data-native-mode="adapter"] {
    min-height: 100vh;
}

.vg-native-static__hero h1 {
    margin: 0;
    color: #1395a6;
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 400;
    line-height: 1.16;
}

.vg-native-static__hero p {
    max-width: 720px;
    margin: 12px auto 0;
    color: #365b62;
    font-size: 17px;
    line-height: 1.55;
}

.vg-native-static__document {
    overflow: hidden;
    padding: clamp(18px, 3vw, 34px);
    border: 1px solid rgba(8, 112, 126, .14);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(27, 67, 74, .08);
}

.vg-native-static__document .container,
.vg-native-static__document .conteiner-fluid,
.vg-native-static__document .container-fluid {
    width: 100% !important;
    max-width: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.vg-native-static__document .row {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-right: -12px;
    margin-left: -12px;
}

.vg-native-static__document [class*="col-"] {
    box-sizing: border-box;
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
}

@media (min-width: 768px) {
    .vg-native-static__document .col-md-2 {
        width: 16.666667%;
    }

    .vg-native-static__document .col-md-6 {
        width: 50%;
    }

    .vg-native-static__document .col-md-10 {
        width: 83.333333%;
    }

    .vg-native-static__document .col-md-12 {
        width: 100%;
    }
}

.vg-native-static__document h1,
.vg-native-static__document h2,
.vg-native-static__document h3 {
    color: #143f47;
    font-weight: 500;
    line-height: 1.25;
}

.vg-native-static__document h4,
.vg-native-static__document p,
.vg-native-static__document li {
    color: #254d55;
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 1.65;
}

.vg-native-static__document img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
}

.vg-native-static__document img[src*="/cards_logo/"] {
    width: auto !important;
    max-width: min(120px, 100%) !important;
    max-height: 72px;
    object-fit: contain;
}

.vg-native-static__document a,
.vg-native-policy__actions a {
    color: #087f8b;
    font-weight: 700;
    text-decoration: none;
}

.vg-native-static__document .btn,
.vg-native-policy__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 16px;
    border-radius: 8px;
    background: #087f8b;
    color: #fff !important;
}

.vg-native-policy__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-bottom: 18px;
}

.vg-native-policy__frame {
    display: block;
    width: 100%;
    min-height: min(78vh, 860px);
    border: 1px solid rgba(8, 112, 126, .14);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(27, 67, 74, .08);
}

.vg-native-footer {
    border-top: 1px solid rgba(8, 112, 126, .12);
    background: #f1fbfc;
}

.vg-native-footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: min(1180px, calc(100% - 28px));
    margin: 0 auto;
    padding: 24px 0;
    color: #244f57;
    font-family: Manrope, Inter, Arial, sans-serif;
}

.vg-native-footer__inner div,
.vg-native-footer__inner nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.vg-native-footer__inner a {
    color: #0b7f90;
    font-weight: 600;
    text-decoration: none;
}

@media (max-width: 980px) {
    .vg-native-nav {
        flex-wrap: wrap;
        gap: 10px;
        padding: 10px 0;
    }

    .vg-native-menu-button {
        display: grid;
        gap: 4px;
        width: 36px;
        height: 36px;
        margin-left: auto;
        place-content: center;
        border: 1px solid rgba(5, 128, 146, .24);
        border-radius: 8px;
        cursor: pointer;
    }

    .vg-native-menu-button span {
        display: block;
        width: 18px;
        height: 2px;
        border-radius: 999px;
        background: #123d46;
    }

    .vg-native-menu,
    .vg-native-languages {
        display: none;
        flex-basis: 100%;
    }

    .vg-native-menu-toggle:checked ~ .vg-native-menu,
    .vg-native-menu-toggle:checked ~ .vg-native-languages {
        display: flex;
    }

    .vg-native-menu {
        align-items: stretch;
        flex-direction: column;
        order: 3;
    }

    .vg-native-languages {
        order: 4;
        justify-content: flex-start;
    }

    .vg-native-dropdown {
        position: static;
        display: none;
        min-width: 0;
        margin: 0 0 8px;
        opacity: 1;
        pointer-events: auto;
        transform: none;
        box-shadow: none;
    }

    .vg-native-menu-item:hover .vg-native-dropdown,
    .vg-native-menu-item:focus-within .vg-native-dropdown {
        display: grid;
    }

    .vg-native-medical__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .vg-native-medical {
        width: min(100% - 18px, 1180px);
        padding-top: 16px;
    }

    .vg-native-medical__grid {
        grid-template-columns: 1fr;
    }

    .vg-native-medical-cta,
    .vg-native-footer__inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .vg-native-brand img {
        height: 32px;
    }
}

.vg-profile-hero,
.vg-profile-panel,
.vg-profile-notice {
    width: min(1160px, calc(100% - 32px));
    margin-right: auto;
    margin-left: auto;
}

.vg-profile-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
    gap: 24px;
    align-items: center;
    margin-top: 24px;
    padding: clamp(20px, 3vw, 34px);
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: linear-gradient(135deg, #eefbfc 0%, #fff 58%, #e9f8f2 100%);
    box-shadow: 0 18px 44px rgba(27, 67, 74, .1);
}

.vg-profile-identity {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
}

.vg-profile-identity img,
.vg-profile-photo img {
    width: 82px;
    height: 82px;
    flex: 0 0 auto;
    border: 3px solid #fff;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 10px 24px rgba(27, 67, 74, .16);
}

.vg-profile-identity span {
    display: block;
    margin-bottom: 6px;
    color: #0b8898;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
}

.vg-profile-identity h1 {
    margin: 0;
    color: #123f47;
    font-size: clamp(25px, 3vw, 38px);
    font-weight: 500;
    line-height: 1.15;
}

.vg-profile-identity p,
.vg-profile-hero > p {
    margin: 8px 0 0;
    color: #345b63;
    font-size: 15px;
    line-height: 1.55;
}

.vg-profile-notice {
    margin-top: 18px;
    padding: 13px 16px;
    border-radius: 8px;
    font-weight: 700;
}

.vg-profile-notice.is-success {
    border: 1px solid rgba(29, 155, 94, .28);
    background: #edfbf4;
    color: #116d42;
}

.vg-profile-notice.is-error {
    border: 1px solid rgba(197, 55, 55, .28);
    background: #fff2f2;
    color: #a92222;
}

.vg-profile-panel {
    margin-top: 22px;
    padding: clamp(18px, 2.8vw, 28px);
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(27, 67, 74, .08);
}

.vg-profile-panel__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.vg-profile-panel__header h2,
.vg-profile-photo h2 {
    margin: 0;
    color: #123f47;
    font-size: clamp(20px, 2.4vw, 28px);
    font-weight: 500;
    line-height: 1.2;
}

.vg-profile-panel__header p,
.vg-profile-photo p {
    max-width: 620px;
    margin: 0;
    color: #496a71;
    font-size: 14px;
    line-height: 1.55;
}

.vg-profile-field-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.vg-profile-field,
.vg-profile-video-field {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.vg-profile-field span,
.vg-profile-video-field span {
    color: #214b53;
    font-size: 13px;
    font-weight: 800;
}

.vg-profile-field b {
    margin-left: 3px;
    color: #c53737;
}

.vg-profile-field input,
.vg-profile-field select,
.vg-profile-video-field input,
.vg-profile-partner textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid rgba(8, 112, 126, .2);
    border-radius: 8px;
    background: #fbfeff;
    color: #173f47;
    font: 500 15px/1.4 Manrope, Inter, Arial, sans-serif;
    outline: none;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.vg-profile-field input,
.vg-profile-field select,
.vg-profile-video-field input {
    padding: 10px 12px;
}

.vg-profile-field input:focus,
.vg-profile-field select:focus,
.vg-profile-video-field input:focus,
.vg-profile-partner textarea:focus {
    border-color: #0a91a2;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(10, 145, 162, .12);
}

.vg-profile-field input[readonly] {
    background: #f2f8f9;
    color: #5b7378;
}

.vg-profile-field small,
.vg-profile-video-field small {
    color: #6b858b;
    font-size: 12px;
    line-height: 1.4;
}

.vg-profile-submit,
.vg-profile-partner button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    margin-top: 20px;
    padding: 11px 22px;
    border: 0;
    border-radius: 8px;
    background: #16845b;
    color: #fff;
    font: 800 15px/1 Manrope, Inter, Arial, sans-serif;
    cursor: pointer;
    box-shadow: 0 12px 24px rgba(22, 132, 91, .2);
}

.vg-profile-submit:hover,
.vg-profile-partner button:hover {
    background: #116f4d;
}

.vg-profile-partner button:disabled {
    cursor: not-allowed;
    opacity: .45;
    box-shadow: none;
}

.vg-profile-partner textarea {
    min-height: 210px;
    padding: 14px;
    resize: vertical;
    white-space: pre-wrap;
}

.vg-profile-check {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
    color: #254d55;
    font-weight: 700;
}

.vg-profile-check input {
    width: 18px;
    height: 18px;
    accent-color: #16845b;
}

.vg-profile-photo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.vg-profile-photo img {
    width: 104px;
    height: 104px;
}

.vg-profile-photo a,
.vg-profile-video-field a,
.vg-profile-check a {
    color: #087f8b;
    font-weight: 800;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.vg-profile-video-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.vg-profile-video-field {
    padding: 16px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #f7fcfd;
}

@media (max-width: 900px) {
    .vg-profile-hero {
        grid-template-columns: 1fr;
    }

    .vg-profile-panel__header,
    .vg-profile-photo {
        align-items: flex-start;
        flex-direction: column;
    }

    .vg-profile-field-grid,
    .vg-profile-video-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .vg-profile-hero,
    .vg-profile-panel,
    .vg-profile-notice {
        width: min(100% - 18px, 1160px);
    }

    .vg-profile-hero,
    .vg-profile-panel {
        padding: 16px;
    }

    .vg-profile-identity {
        align-items: flex-start;
    }

    .vg-profile-identity img {
        width: 64px;
        height: 64px;
    }

    .vg-profile-identity h1 {
        font-size: 22px;
    }
}

.vg-ref-hero,
.vg-ref-grid {
    width: min(1160px, calc(100% - 32px));
    margin-right: auto;
    margin-left: auto;
}

.vg-ref-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 24px;
    padding: clamp(20px, 3vw, 34px);
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: linear-gradient(135deg, #eefbfc 0%, #fff 60%, #eef8f1 100%);
    box-shadow: 0 18px 44px rgba(27, 67, 74, .1);
}

.vg-ref-hero span {
    display: block;
    margin-bottom: 7px;
    color: #0b8898;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
}

.vg-ref-hero h1 {
    margin: 0;
    color: #123f47;
    font-size: clamp(27px, 3vw, 40px);
    font-weight: 500;
    line-height: 1.12;
}

.vg-ref-hero p {
    max-width: 760px;
    margin: 10px 0 0;
    color: #345b63;
    font-size: 15px;
    line-height: 1.58;
}

.vg-ref-user {
    display: grid;
    gap: 5px;
    min-width: 180px;
    padding: 16px 18px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .78);
}

.vg-ref-user small {
    color: #68848a;
    font-weight: 800;
}

.vg-ref-user strong {
    color: #123f47;
    font-size: 22px;
    line-height: 1;
}

.vg-ref-user span {
    margin: 0;
    color: #087f8b;
    font-size: 14px;
    letter-spacing: 0;
}

.vg-ref-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 22px;
    margin-bottom: 46px;
}

.vg-ref-card {
    padding: clamp(18px, 2.4vw, 24px);
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(27, 67, 74, .08);
}

.vg-ref-card h2 {
    margin: 0 0 14px;
    color: #123f47;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.2;
}

.vg-ref-list {
    display: grid;
    gap: 12px;
}

.vg-ref-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 14px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #f8fcfd;
}

.vg-ref-item.is-accent {
    border-color: rgba(22, 132, 91, .22);
    background: #f2fbf6;
}

.vg-ref-item strong {
    display: block;
    margin-bottom: 6px;
    color: #214b53;
    font-size: 14px;
}

.vg-ref-item a[href] {
    color: #087f8b;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.vg-ref-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vg-ref-actions a,
.vg-ref-actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 12px;
    border: 1px solid rgba(8, 112, 126, .2);
    border-radius: 8px;
    background: #fff;
    color: #087f8b;
    font: 800 13px/1 Manrope, Inter, Arial, sans-serif;
    text-decoration: none;
    cursor: pointer;
}

.vg-ref-actions button.is-copied {
    border-color: rgba(22, 132, 91, .22);
    background: #16845b;
    color: #fff;
}

@media (max-width: 980px) {
    .vg-ref-hero,
    .vg-ref-grid,
    .vg-ref-item {
        grid-template-columns: 1fr;
    }

    .vg-ref-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .vg-ref-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .vg-ref-hero,
    .vg-ref-grid {
        width: min(100% - 18px, 1160px);
    }

    .vg-ref-hero,
    .vg-ref-card {
        padding: 16px;
    }

    .vg-ref-actions {
        flex-wrap: wrap;
    }
}

.vg-docs-hero,
.vg-docs-notice,
.vg-docs-groups,
.vg-docs-media,
.vg-activity-hero,
.vg-activity-kpis,
.vg-activity-grid {
    width: min(1160px, calc(100% - 32px));
    margin-right: auto;
    margin-left: auto;
}

.vg-docs-hero,
.vg-activity-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 24px;
    padding: clamp(20px, 3vw, 34px);
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: linear-gradient(135deg, #eefbfc 0%, #fff 58%, #eef8f1 100%);
    box-shadow: 0 18px 44px rgba(27, 67, 74, .1);
}

.vg-docs-hero span,
.vg-activity-hero span {
    display: block;
    margin-bottom: 8px;
    color: #0b8898;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vg-docs-hero h1,
.vg-activity-hero h1 {
    margin: 0;
    color: #123f47;
    font-size: clamp(27px, 3vw, 40px);
    font-weight: 500;
    line-height: 1.12;
}

.vg-docs-hero p,
.vg-activity-hero p {
    max-width: 760px;
    margin: 10px 0 0;
    color: #345b63;
    font-size: 15px;
    line-height: 1.58;
}

.vg-docs-user,
.vg-activity-user {
    display: grid;
    gap: 5px;
    min-width: 180px;
    padding: 16px 18px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .78);
}

.vg-docs-user small,
.vg-activity-user small {
    color: #68848a;
    font-weight: 800;
}

.vg-docs-user strong,
.vg-activity-user strong {
    color: #123f47;
    font-size: 22px;
    line-height: 1;
}

.vg-docs-user span,
.vg-activity-user span {
    margin: 0;
    color: #087f8b;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
}

.vg-docs-notice {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 18px;
    margin-top: 18px;
    padding: 18px 22px;
    border: 1px solid rgba(180, 72, 48, .18);
    border-radius: 8px;
    background: #fff8f4;
}

.vg-docs-notice strong {
    color: #a1442d;
    font-size: 15px;
    text-transform: uppercase;
}

.vg-docs-notice p {
    margin: 0;
    color: #6b4136;
    font-size: 14px;
    line-height: 1.55;
}

.vg-docs-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 22px;
}

.vg-docs-card,
.vg-activity-panel {
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(27, 67, 74, .08);
}

.vg-docs-card {
    padding: clamp(18px, 2.4vw, 24px);
}

.vg-docs-card h2,
.vg-docs-media h2,
.vg-activity-panel h2 {
    margin: 0;
    color: #123f47;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.2;
}

.vg-docs-list {
    display: grid;
    gap: 10px;
    margin-top: 16px;
}

.vg-docs-item {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 13px 14px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #f8fcfd;
    color: #214b53;
    text-decoration: none;
}

.vg-docs-item span {
    justify-self: start;
    padding: 6px 9px;
    border-radius: 8px;
    background: #e9f8fa;
    color: #087f8b;
    font-size: 12px;
    font-weight: 900;
}

.vg-docs-item strong {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.vg-docs-item em {
    color: #087f8b;
    font-size: 13px;
    font-style: normal;
    font-weight: 900;
}

.vg-docs-media {
    margin-top: 28px;
    margin-bottom: 48px;
}

.vg-docs-media-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 16px;
}

.vg-docs-media-card {
    overflow: hidden;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(27, 67, 74, .08);
}

.vg-docs-media-card img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.vg-docs-media-card div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px;
}

.vg-docs-media-card h3 {
    margin: 0;
    color: #123f47;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
}

.vg-docs-media-card a {
    flex: 0 0 auto;
    color: #087f8b;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.vg-activity-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.vg-activity-kpis article {
    padding: 18px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(27, 67, 74, .07);
}

.vg-activity-kpis span,
.vg-activity-kpis small {
    display: block;
    color: #68848a;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.vg-activity-kpis strong {
    display: block;
    margin: 8px 0 5px;
    color: #123f47;
    font-size: 28px;
    font-weight: 500;
    line-height: 1;
}

.vg-activity-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(300px, .75fr);
    gap: 18px;
    margin-top: 22px;
    margin-bottom: 48px;
}

.vg-activity-panel {
    overflow: hidden;
}

.vg-activity-panel__head {
    padding: 20px 22px;
    border-bottom: 1px solid rgba(8, 112, 126, .1);
    background: #f8fcfd;
}

.vg-activity-panel__head p {
    margin: 7px 0 0;
    color: #68848a;
    font-size: 13px;
    line-height: 1.45;
}

.vg-activity-table-wrap {
    max-height: 680px;
    overflow: auto;
}

.vg-activity-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    color: #214b53;
    font-size: 14px;
}

.vg-activity-table th {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 13px 14px;
    background: #01b3bf;
    color: #fff;
    font-weight: 800;
    text-align: left;
}

.vg-activity-table td {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(8, 112, 126, .08);
    vertical-align: middle;
}

.vg-activity-table tbody tr:nth-child(even) {
    background: #f8fcfd;
}

.vg-activity-table td strong {
    color: #123f47;
    font-weight: 800;
}

.vg-activity-table td span {
    color: #7a9297;
    font-weight: 700;
}

.vg-activity-months {
    display: grid;
    gap: 12px;
    padding: 16px;
}

.vg-activity-month {
    padding: 14px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
}

.vg-activity-month > strong {
    display: block;
    margin-bottom: 12px;
    color: #087f8b;
    font-size: 16px;
}

.vg-activity-month dl {
    display: grid;
    gap: 9px;
    margin: 0;
}

.vg-activity-month div {
    display: flex;
    justify-content: space-between;
    gap: 14px;
}

.vg-activity-month dt {
    color: #68848a;
    font-size: 12px;
    font-weight: 800;
}

.vg-activity-month dd {
    margin: 0;
    color: #123f47;
    font-size: 13px;
    font-weight: 900;
    text-align: right;
    white-space: nowrap;
}

@media (max-width: 1040px) {
    .vg-activity-kpis,
    .vg-docs-groups,
    .vg-docs-media-grid,
    .vg-activity-grid {
        grid-template-columns: 1fr;
    }

    .vg-activity-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .vg-docs-hero,
    .vg-activity-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .vg-docs-notice,
    .vg-docs-item {
        grid-template-columns: 1fr;
    }

    .vg-docs-media-card div {
        align-items: flex-start;
        flex-direction: column;
    }

    .vg-activity-kpis {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .vg-docs-hero,
    .vg-docs-notice,
    .vg-docs-groups,
    .vg-docs-media,
    .vg-activity-hero,
    .vg-activity-kpis,
    .vg-activity-grid {
        width: min(100% - 18px, 1160px);
    }

    .vg-docs-hero,
    .vg-activity-hero,
    .vg-docs-card,
    .vg-activity-panel__head {
        padding: 16px;
    }
}

.vg-support-hero,
.vg-support-shell {
    width: min(980px, calc(100% - 32px));
    margin-right: auto;
    margin-left: auto;
}

.vg-support-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 24px;
    padding: clamp(20px, 3vw, 34px);
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: linear-gradient(135deg, #eefbfc 0%, #fff 58%, #eef8f1 100%);
    box-shadow: 0 18px 44px rgba(27, 67, 74, .1);
}

.vg-support-hero span {
    display: block;
    margin-bottom: 8px;
    color: #0b8898;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vg-support-hero h1 {
    margin: 0;
    color: #123f47;
    font-size: clamp(27px, 3vw, 40px);
    font-weight: 500;
    line-height: 1.12;
}

.vg-support-hero p {
    max-width: 700px;
    margin: 10px 0 0;
    color: #345b63;
    font-size: 15px;
    line-height: 1.58;
}

.vg-support-user {
    display: grid;
    gap: 5px;
    min-width: 180px;
    padding: 16px 18px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .78);
}

.vg-support-user small {
    color: #68848a;
    font-weight: 800;
}

.vg-support-user strong {
    color: #123f47;
    font-size: 22px;
    line-height: 1;
}

.vg-support-user span {
    margin: 0;
    color: #087f8b;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
}

.vg-support-shell {
    margin-top: 22px;
    margin-bottom: 48px;
}

.vg-support-form {
    padding: clamp(18px, 2.6vw, 28px);
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(27, 67, 74, .08);
}

.vg-support-form__head {
    margin-bottom: 18px;
}

.vg-support-form__head h2 {
    margin: 0;
    color: #123f47;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}

.vg-support-form__head p {
    margin: 8px 0 0;
    color: #68848a;
    font-size: 13px;
    line-height: 1.45;
}

.vg-support-status {
    margin-bottom: 18px;
    padding: 13px 15px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.45;
}

.vg-support-status.is-success {
    border: 1px solid rgba(22, 132, 91, .2);
    background: #f2fbf6;
    color: #16845b;
}

.vg-support-status.is-error {
    border: 1px solid rgba(180, 72, 48, .2);
    background: #fff8f4;
    color: #a1442d;
}

.vg-support-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.vg-support-form label {
    display: grid;
    gap: 7px;
}

.vg-support-form label span {
    color: #45656c;
    font-size: 13px;
    font-weight: 800;
}

.vg-support-form input,
.vg-support-form select,
.vg-support-form textarea {
    width: 100%;
    border: 1px solid rgba(8, 112, 126, .16);
    border-radius: 8px;
    background: #f8fcfd;
    color: #123f47;
    font: 500 15px/1.4 Manrope, Inter, Arial, sans-serif;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.vg-support-form input,
.vg-support-form select {
    min-height: 46px;
    padding: 10px 12px;
}

.vg-support-form textarea {
    resize: vertical;
    min-height: 150px;
    padding: 12px;
}

.vg-support-form input:focus,
.vg-support-form select:focus,
.vg-support-form textarea:focus {
    border-color: #01b3bf;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(1, 179, 191, .12);
}

.vg-support-wide {
    margin-top: 14px;
}

.vg-support-robot {
    display: grid;
    grid-template-columns: 150px 150px auto;
    gap: 12px;
    align-items: end;
    margin-top: 16px;
}

.vg-support-robot input[readonly] {
    background: #eef8f1;
    color: #16845b;
    font-weight: 900;
    text-align: center;
}

.vg-support-robot button {
    min-height: 46px;
    padding: 11px 18px;
    border: 0;
    border-radius: 8px;
    background: #01b3bf;
    color: #fff;
    font: 900 14px/1 Manrope, Inter, Arial, sans-serif;
    cursor: pointer;
    box-shadow: 0 12px 24px rgba(1, 179, 191, .22);
}

@media (max-width: 780px) {
    .vg-support-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .vg-support-grid,
    .vg-support-robot {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .vg-support-hero,
    .vg-support-shell {
        width: min(100% - 18px, 980px);
    }

    .vg-support-hero,
    .vg-support-form {
        padding: 16px;
    }
}

.vg-sponsors-hero,
.vg-sponsors-shell {
    width: min(1160px, calc(100% - 32px));
    margin-right: auto;
    margin-left: auto;
}

.vg-sponsors-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 24px;
    padding: clamp(20px, 3vw, 34px);
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: linear-gradient(135deg, #eefbfc 0%, #fff 58%, #eef8f1 100%);
    box-shadow: 0 18px 44px rgba(27, 67, 74, .1);
}

.vg-sponsors-hero span {
    display: block;
    margin-bottom: 8px;
    color: #0b8898;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vg-sponsors-hero h1 {
    margin: 0;
    color: #123f47;
    font-size: clamp(27px, 3vw, 40px);
    font-weight: 500;
    line-height: 1.12;
}

.vg-sponsors-hero p {
    max-width: 760px;
    margin: 10px 0 0;
    color: #345b63;
    font-size: 15px;
    line-height: 1.58;
}

.vg-sponsors-user {
    display: grid;
    gap: 5px;
    min-width: 180px;
    padding: 16px 18px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .78);
}

.vg-sponsors-user small {
    color: #68848a;
    font-weight: 800;
}

.vg-sponsors-user strong {
    color: #123f47;
    font-size: 22px;
    line-height: 1;
}

.vg-sponsors-user span {
    margin: 0;
    color: #087f8b;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
}

.vg-sponsors-shell {
    display: grid;
    gap: 18px;
    margin-top: 22px;
    margin-bottom: 48px;
}

.vg-sponsors-panel {
    overflow: hidden;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(27, 67, 74, .08);
}

.vg-sponsors-panel__head {
    padding: 18px 22px;
    border-bottom: 1px solid rgba(8, 112, 126, .1);
    background: #f8fcfd;
}

.vg-sponsors-panel__head h2 {
    margin: 0;
    color: #123f47;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
}

.vg-sponsors-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    padding: 18px;
}

.vg-sponsor-card {
    padding: 16px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
}

.vg-sponsors-panel.is-main .vg-sponsor-card {
    margin: 18px;
    background: linear-gradient(135deg, #fff 0%, #f5fbfc 100%);
}

.vg-sponsor-card__top {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}

.vg-sponsor-card__top img,
.vg-sponsor-card__avatar {
    flex: 0 0 auto;
    width: 74px;
    height: 74px;
    border-radius: 50%;
}

.vg-sponsor-card__top img {
    object-fit: cover;
    border: 3px solid #e9f8fa;
    background: #f8fcfd;
}

.vg-sponsor-card__avatar {
    display: grid;
    place-items: center;
    background: #e9f8fa;
    color: #087f8b;
    font-size: 18px;
    font-weight: 900;
}

.vg-sponsor-card__top strong {
    display: block;
    color: #123f47;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
}

.vg-sponsor-card__top span,
.vg-sponsor-card__top small {
    display: block;
    margin-top: 4px;
    color: #68848a;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.vg-sponsor-card__details {
    display: grid;
    gap: 9px;
    margin: 0;
}

.vg-sponsor-card__details div {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 12px;
    align-items: baseline;
}

.vg-sponsor-card__details dt {
    color: #68848a;
    font-size: 12px;
    font-weight: 800;
}

.vg-sponsor-card__details dd {
    margin: 0;
    color: #214b53;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.vg-sponsor-card__details a {
    color: #087f8b;
    font-weight: 900;
    text-decoration: none;
}

.vg-sponsors-empty {
    margin: 0;
    padding: 22px;
    color: #68848a;
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 1040px) {
    .vg-sponsors-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .vg-sponsors-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .vg-sponsor-card__top {
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    .vg-sponsors-hero,
    .vg-sponsors-shell {
        width: min(100% - 18px, 1160px);
    }

    .vg-sponsors-hero,
    .vg-sponsor-card,
    .vg-sponsors-panel__head {
        padding: 16px;
    }

    .vg-sponsors-panel.is-main .vg-sponsor-card {
        margin: 12px;
    }

    .vg-sponsors-grid {
        padding: 12px;
    }

    .vg-sponsor-card__details div {
        grid-template-columns: 1fr;
        gap: 3px;
    }
}

.vg-month-hero,
.vg-month-kpis,
.vg-month-grid {
    width: min(1160px, calc(100% - 32px));
    margin-right: auto;
    margin-left: auto;
}

.vg-month-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 24px;
    padding: clamp(20px, 3vw, 34px);
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: linear-gradient(135deg, #eefbfc 0%, #fff 58%, #eef8f1 100%);
    box-shadow: 0 18px 44px rgba(27, 67, 74, .1);
}

.vg-month-hero span {
    display: block;
    margin-bottom: 8px;
    color: #0b8898;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vg-month-hero h1 {
    margin: 0;
    color: #123f47;
    font-size: clamp(27px, 3vw, 40px);
    font-weight: 500;
    line-height: 1.12;
}

.vg-month-hero p {
    max-width: 760px;
    margin: 10px 0 0;
    color: #345b63;
    font-size: 15px;
    line-height: 1.58;
}

.vg-month-user {
    display: grid;
    gap: 5px;
    min-width: 180px;
    padding: 16px 18px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .78);
}

.vg-month-user small {
    color: #68848a;
    font-weight: 800;
}

.vg-month-user strong {
    color: #123f47;
    font-size: 22px;
    line-height: 1;
}

.vg-month-user span {
    margin: 0;
    color: #087f8b;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
}

.vg-month-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.vg-month-kpis article {
    padding: 18px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(27, 67, 74, .07);
}

.vg-month-kpis span {
    display: block;
    color: #68848a;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.vg-month-kpis strong {
    display: block;
    margin-top: 8px;
    color: #123f47;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.08;
}

.vg-month-grid {
    display: grid;
    grid-template-columns: minmax(300px, .9fr) minmax(0, 1.35fr);
    gap: 18px;
    margin-top: 22px;
    margin-bottom: 48px;
}

.vg-month-panel {
    overflow: hidden;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(27, 67, 74, .08);
}

.vg-month-panel__head {
    padding: 20px 22px;
    border-bottom: 1px solid rgba(8, 112, 126, .1);
    background: #f8fcfd;
}

.vg-month-panel__head h2,
.vg-month-legs h3 {
    margin: 0;
    color: #123f47;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.2;
}

.vg-month-panel__head p {
    margin: 7px 0 0;
    color: #68848a;
    font-size: 13px;
    line-height: 1.45;
}

.vg-month-preview {
    display: grid;
    gap: 12px;
    padding: 18px;
}

.vg-month-preview div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 15px;
    border: 1px solid rgba(8, 112, 126, .11);
    border-radius: 8px;
    background: #fbfefd;
}

.vg-month-preview span,
.vg-month-leg span {
    color: #68848a;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.vg-month-preview strong,
.vg-month-leg b {
    color: #123f47;
    font-size: 19px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.vg-month-legs {
    display: grid;
    gap: 10px;
    padding: 0 18px 18px;
}

.vg-month-legs h3 {
    margin-top: 4px;
    font-size: 18px;
}

.vg-month-legs p,
.vg-month-empty {
    margin: 0;
    padding: 18px;
    color: #68848a;
    font-size: 14px;
    line-height: 1.55;
}

.vg-month-leg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 13px 14px;
    border: 1px solid rgba(8, 112, 126, .1);
    border-radius: 8px;
    background: #f8fcfd;
}

.vg-month-leg div {
    display: grid;
    gap: 4px;
}

.vg-month-leg strong {
    color: #123f47;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.vg-month-alert {
    margin: 0 18px 18px;
    padding: 14px 16px;
    border: 1px solid rgba(180, 72, 48, .18);
    border-radius: 8px;
    background: #fff8f4;
    color: #6b4136;
    font-size: 14px;
    line-height: 1.5;
}

.vg-month-alert strong {
    color: #a1442d;
}

.vg-month-table-wrap {
    max-height: 720px;
    overflow: auto;
}

.vg-month-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    color: #214b53;
    font-size: 14px;
}

.vg-month-table th {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 13px 14px;
    background: #01b3bf;
    color: #fff;
    font-weight: 800;
    text-align: left;
}

.vg-month-table td {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(8, 112, 126, .08);
    vertical-align: middle;
}

.vg-month-table tbody tr:nth-child(even) {
    background: #f8fcfd;
}

.vg-month-status {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 4px 9px;
    border-radius: 8px;
    background: #e7f8ee;
    color: #168b4a;
    font-size: 12px;
    font-weight: 900;
}

.vg-month-rank-link {
    color: #087fbc;
    font-weight: 800;
    text-decoration: none;
}

.vg-month-rank-link:hover {
    color: #056d9a;
    text-decoration: underline;
}

@media (max-width: 1040px) {
    .vg-month-grid,
    .vg-month-kpis {
        grid-template-columns: 1fr;
    }

    .vg-month-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .vg-month-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .vg-month-kpis {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .vg-month-hero,
    .vg-month-kpis,
    .vg-month-grid {
        width: min(100% - 18px, 1160px);
    }

    .vg-month-hero,
    .vg-month-panel__head {
        padding: 16px;
    }

    .vg-month-preview,
    .vg-month-legs {
        padding: 14px;
    }

    .vg-month-preview div,
    .vg-month-leg {
        align-items: flex-start;
        flex-direction: column;
    }
}

.vg-finance-hero,
.vg-finance-kpis,
.vg-finance-panel {
    width: min(1160px, calc(100% - 32px));
    margin-right: auto;
    margin-left: auto;
}

.vg-finance-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 24px;
    padding: clamp(20px, 3vw, 34px);
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: linear-gradient(135deg, #eefbfc 0%, #fff 58%, #eef8f1 100%);
    box-shadow: 0 18px 44px rgba(27, 67, 74, .1);
}

.vg-finance-hero span {
    display: block;
    margin-bottom: 8px;
    color: #0b8898;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vg-finance-hero h1 {
    margin: 0;
    color: #123f47;
    font-size: clamp(27px, 3vw, 40px);
    font-weight: 500;
    line-height: 1.12;
}

.vg-finance-hero p {
    max-width: 760px;
    margin: 10px 0 0;
    color: #345b63;
    font-size: 15px;
    line-height: 1.58;
}

.vg-finance-user {
    display: grid;
    gap: 5px;
    min-width: 180px;
    padding: 16px 18px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .78);
}

.vg-finance-user small {
    color: #68848a;
    font-weight: 800;
}

.vg-finance-user strong {
    color: #123f47;
    font-size: 22px;
    line-height: 1;
}

.vg-finance-user span {
    margin: 0;
    color: #087f8b;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
}

.vg-finance-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.vg-finance-kpis article {
    padding: 18px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(27, 67, 74, .07);
}

.vg-finance-kpis span,
.vg-finance-kpis small {
    display: block;
    color: #68848a;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.vg-finance-kpis strong,
.vg-finance-kpis a {
    display: inline-block;
    margin-top: 8px;
    color: #123f47;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.08;
    text-decoration: none;
}

.vg-finance-kpis a {
    color: #087fbc;
    font-weight: 700;
}

.vg-finance-panel {
    overflow: hidden;
    margin-top: 22px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(27, 67, 74, .08);
}

.vg-finance-history {
    margin-bottom: 48px;
}

.vg-finance-panel__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 22px;
    border-bottom: 1px solid rgba(8, 112, 126, .1);
    background: #f8fcfd;
}

.vg-finance-panel__head h2 {
    margin: 0;
    color: #123f47;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.2;
}

.vg-finance-panel__head p {
    margin: 7px 0 0;
    color: #68848a;
    font-size: 13px;
    line-height: 1.45;
}

.vg-finance-rates {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.vg-finance-rates span {
    padding: 6px 9px;
    border-radius: 8px;
    background: #e9f8fa;
    color: #087f8b;
    font-size: 12px;
    font-weight: 900;
}

.vg-finance-table-wrap {
    max-height: 760px;
    overflow: auto;
}

.vg-finance-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    color: #214b53;
    font-size: 14px;
}

.vg-finance-table th {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 13px 14px;
    background: #01b3bf;
    color: #fff;
    font-weight: 800;
    text-align: left;
}

.vg-finance-table td {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(8, 112, 126, .08);
    vertical-align: middle;
}

.vg-finance-table tbody tr:nth-child(even) {
    background: #f8fcfd;
}

.vg-finance-table tr.is-month {
    background: #ecf8ee;
}

.vg-finance-table tr.is-total {
    background: #eef8fc;
    color: #123f47;
    font-weight: 900;
}

.vg-finance-link {
    color: #087fbc;
    font-weight: 800;
    text-decoration: none;
}

.vg-finance-link:hover {
    color: #056d9a;
    text-decoration: underline;
}

@media (max-width: 1040px) {
    .vg-finance-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .vg-finance-hero,
    .vg-finance-panel__head {
        align-items: flex-start;
        flex-direction: column;
    }

    .vg-finance-kpis {
        grid-template-columns: 1fr;
    }

    .vg-finance-rates {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .vg-finance-hero,
    .vg-finance-kpis,
    .vg-finance-panel {
        width: min(100% - 18px, 1160px);
    }

    .vg-finance-hero,
    .vg-finance-panel__head {
        padding: 16px;
    }
}

.vg-ranks-hero,
.vg-ranks-panel {
    width: min(1160px, calc(100% - 32px));
    margin-right: auto;
    margin-left: auto;
}

.vg-ranks-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 24px;
    padding: clamp(20px, 3vw, 34px);
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: linear-gradient(135deg, #eefbfc 0%, #fff 58%, #eef8f1 100%);
    box-shadow: 0 18px 44px rgba(27, 67, 74, .1);
}

.vg-ranks-hero span {
    display: block;
    margin-bottom: 8px;
    color: #0b8898;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vg-ranks-hero h1 {
    margin: 0;
    color: #123f47;
    font-size: clamp(27px, 3vw, 40px);
    font-weight: 500;
    line-height: 1.12;
}

.vg-ranks-hero p {
    max-width: 760px;
    margin: 10px 0 0;
    color: #345b63;
    font-size: 15px;
    line-height: 1.58;
}

.vg-ranks-user {
    display: grid;
    gap: 5px;
    min-width: 180px;
    padding: 16px 18px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .78);
}

.vg-ranks-user small {
    color: #68848a;
    font-weight: 800;
}

.vg-ranks-user strong {
    color: #123f47;
    font-size: 22px;
    line-height: 1;
}

.vg-ranks-user span {
    margin: 0;
    color: #087f8b;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
}

.vg-ranks-panel {
    overflow: hidden;
    margin-top: 22px;
    margin-bottom: 48px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(27, 67, 74, .08);
}

.vg-ranks-toolbar {
    padding: 18px 20px;
    border-bottom: 1px solid rgba(8, 112, 126, .1);
    background: #f8fcfd;
}

.vg-ranks-toolbar form {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
}

.vg-ranks-toolbar label {
    display: grid;
    gap: 6px;
    color: #68848a;
    font-size: 12px;
    font-weight: 800;
}

.vg-ranks-toolbar select {
    min-width: 160px;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid rgba(8, 112, 126, .18);
    border-radius: 8px;
    background: #fff;
    color: #123f47;
    font: inherit;
}

.vg-ranks-toolbar button {
    min-height: 40px;
    padding: 9px 16px;
    border: 0;
    border-radius: 8px;
    background: #087f8b;
    color: #fff;
    font-weight: 900;
    cursor: pointer;
}

.vg-ranks-table-wrap {
    overflow: auto;
}

.vg-ranks-matrix,
.vg-ranks-users {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    color: #214b53;
    font-size: 14px;
}

.vg-ranks-matrix th,
.vg-ranks-users th {
    padding: 12px 10px;
    background: #01b3bf;
    color: #fff;
    font-weight: 800;
    text-align: center;
}

.vg-ranks-matrix td,
.vg-ranks-users td {
    padding: 11px 10px;
    border-bottom: 1px solid rgba(8, 112, 126, .08);
    border-right: 1px solid rgba(8, 112, 126, .08);
    text-align: center;
    vertical-align: middle;
}

.vg-ranks-matrix tbody tr:nth-child(even),
.vg-ranks-users tbody tr:nth-child(even) {
    background: #f8fcfd;
}

.vg-ranks-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    min-height: 28px;
    border-radius: 8px;
    background: #e9f8fa;
    color: #087fbc;
    font-weight: 900;
    text-decoration: none;
}

.vg-ranks-count:hover,
.vg-ranks-link:hover {
    color: #056d9a;
    text-decoration: underline;
}

.vg-ranks-panel__head {
    padding: 20px 22px;
    border-bottom: 1px solid rgba(8, 112, 126, .1);
    background: #f8fcfd;
}

.vg-ranks-panel__head h2 {
    margin: 0;
    color: #123f47;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.2;
}

.vg-ranks-panel__head p,
.vg-ranks-empty {
    margin: 7px 0 0;
    color: #68848a;
    font-size: 13px;
    line-height: 1.45;
}

.vg-ranks-empty {
    padding: 20px;
}

.vg-ranks-users img {
    display: inline-block;
    max-width: 34px;
    max-height: 23px;
    border-radius: 3px;
    box-shadow: 0 3px 8px rgba(27, 67, 74, .12);
}

.vg-ranks-link {
    color: #087fbc;
    font-weight: 800;
    text-decoration: none;
}

.vg-ranks-status {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 4px 9px;
    border-radius: 8px;
    background: #e7f8ee;
    color: #168b4a;
    font-size: 12px;
    font-weight: 900;
}

@media (max-width: 720px) {
    .vg-ranks-hero {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .vg-ranks-hero,
    .vg-ranks-panel {
        width: min(100% - 18px, 1160px);
    }

    .vg-ranks-hero,
    .vg-ranks-toolbar,
    .vg-ranks-panel__head {
        padding: 16px;
    }
}

.vg-shop-hero,
.vg-shop-kpis,
.vg-shop-list,
.vg-shop-notice {
    width: min(1160px, calc(100% - 32px));
    margin-right: auto;
    margin-left: auto;
}

.vg-shop-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 24px;
    padding: clamp(20px, 3vw, 34px);
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: linear-gradient(135deg, #eefbfc 0%, #fff 58%, #f2fbf4 100%);
    box-shadow: 0 18px 44px rgba(27, 67, 74, .1);
}

.vg-shop-hero span {
    display: block;
    margin-bottom: 8px;
    color: #0b8898;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vg-shop-hero h1 {
    margin: 0;
    color: #123f47;
    font-size: clamp(27px, 3vw, 40px);
    font-weight: 500;
    line-height: 1.12;
}

.vg-shop-hero p {
    max-width: 780px;
    margin: 10px 0 0;
    color: #345b63;
    font-size: 15px;
    line-height: 1.58;
}

.vg-shop-user {
    display: grid;
    gap: 5px;
    min-width: 180px;
    padding: 16px 18px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .78);
}

.vg-shop-user small {
    color: #68848a;
    font-weight: 800;
}

.vg-shop-user strong {
    color: #123f47;
    font-size: 22px;
    line-height: 1;
}

.vg-shop-user span {
    margin: 0;
    color: #087f8b;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
}

.vg-shop-notice {
    margin-top: 18px;
    padding: 13px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 800;
}

.vg-shop-notice.is-success {
    border: 1px solid rgba(20, 128, 73, .18);
    background: #ecfdf3;
    color: #157347;
}

.vg-shop-notice.is-error {
    border: 1px solid rgba(192, 57, 43, .18);
    background: #fff5f4;
    color: #b42318;
}

.vg-shop-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.vg-shop-kpis article {
    padding: 18px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(27, 67, 74, .07);
}

.vg-shop-kpis span {
    display: block;
    color: #68848a;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.vg-shop-kpis strong {
    display: inline-block;
    margin-top: 8px;
    color: #123f47;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.08;
}

.vg-shop-list {
    display: grid;
    gap: 14px;
    margin-top: 22px;
    margin-bottom: 48px;
}

.vg-shop-card {
    overflow: hidden;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(27, 67, 74, .08);
}

.vg-shop-card__head {
    display: grid;
    grid-template-columns: minmax(140px, .8fr) minmax(180px, 1.4fr) auto;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 16px 18px;
    border: 0;
    border-left: 4px solid #c9dfe4;
    background: #f8fcfd;
    color: #123f47;
    cursor: pointer;
    text-align: left;
}

.vg-shop-card.is-paid .vg-shop-card__head {
    border-left-color: #20a464;
}

.vg-shop-card.is-new .vg-shop-card__head {
    border-left-color: #d94841;
}

.vg-shop-card__head strong {
    color: #123f47;
    font-size: 16px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.vg-shop-card__date {
    color: #68848a;
    font-size: 13px;
    font-weight: 800;
}

.vg-shop-status {
    display: inline-flex;
    justify-content: center;
    min-width: 112px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.1;
}

.vg-shop-status.is-paid {
    background: #e9f8ef;
    color: #17814d;
}

.vg-shop-status.is-new {
    background: #fff1f0;
    color: #c0392b;
}

.vg-shop-card__body {
    display: none;
    padding: 20px;
}

.vg-shop-card__body.is-open {
    display: block;
}

.vg-shop-card__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, .7fr);
    gap: 20px;
}

.vg-shop-details dl {
    display: grid;
    gap: 10px;
    margin: 0;
}

.vg-shop-details dl > div {
    display: grid;
    grid-template-columns: minmax(130px, .4fr) minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(8, 112, 126, .08);
}

.vg-shop-details dt,
.vg-shop-delivery span {
    color: #68848a;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.vg-shop-details dd {
    margin: 0;
    color: #214b53;
    font-size: 14px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.vg-shop-details dd small {
    color: #68848a;
    font-weight: 800;
}

.vg-shop-products {
    padding: 16px;
    border: 1px solid rgba(8, 112, 126, .1);
    border-radius: 8px;
    background: #f8fcfd;
}

.vg-shop-products h2 {
    margin: 0 0 12px;
    color: #123f47;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
}

.vg-shop-products ul {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.vg-shop-products li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 8px;
    background: #fff;
    color: #214b53;
    font-size: 14px;
}

.vg-shop-products strong {
    color: #087f8b;
    font-weight: 900;
    white-space: nowrap;
}

.vg-shop-products p {
    margin: 0;
    color: #68848a;
    font-size: 14px;
}

.vg-shop-delivery {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, .4fr);
    gap: 14px;
    margin-top: 18px;
}

.vg-shop-delivery > div {
    padding: 14px 16px;
    border: 1px solid rgba(8, 112, 126, .1);
    border-radius: 8px;
    background: #fff;
}

.vg-shop-delivery p {
    margin: 7px 0 0;
    color: #214b53;
    font-size: 14px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.vg-shop-delivery a,
.vg-shop-actions a {
    color: #087fbc;
    font-weight: 800;
    text-decoration: none;
}

.vg-shop-delivery a:hover,
.vg-shop-actions a:hover {
    color: #056d9a;
    text-decoration: underline;
}

.vg-shop-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.vg-shop-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 9px 14px;
    border: 1px solid rgba(8, 127, 188, .18);
    border-radius: 8px;
    background: #eef9ff;
}

.vg-shop-actions a.is-danger {
    border-color: rgba(192, 57, 43, .18);
    background: #fff4f2;
    color: #c0392b;
}

.vg-shop-empty {
    padding: 28px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(27, 67, 74, .08);
}

.vg-shop-empty strong {
    display: block;
    color: #123f47;
    font-size: 20px;
    font-weight: 500;
}

.vg-shop-empty p {
    margin: 8px 0 0;
    color: #68848a;
    font-size: 14px;
}

.vg-invoice-shell {
    min-height: 100vh;
    padding: 32px 16px;
    background: #eef3f4;
}

.vg-invoice-card,
.vg-invoice-empty {
    width: min(1080px, 100%);
    margin: 0 auto;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(27, 67, 74, .14);
}

.vg-invoice-empty {
    display: grid;
    gap: 10px;
    padding: clamp(26px, 5vw, 54px);
    text-align: center;
}

.vg-invoice-empty span,
.vg-invoice-head span,
.vg-invoice-meta span,
.vg-invoice-parties span,
.vg-invoice-total span {
    color: #0b8898;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vg-invoice-empty h1,
.vg-invoice-head h1 {
    margin: 0;
    color: #123f47;
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 500;
    line-height: 1.1;
}

.vg-invoice-empty p {
    max-width: 640px;
    margin: 0 auto;
    color: #456770;
    font-size: 16px;
    line-height: 1.6;
}

.vg-invoice-card {
    overflow: hidden;
}

.vg-invoice-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: clamp(24px, 4vw, 42px);
    background: linear-gradient(135deg, #eefbfc 0%, #fff 60%, #f2fbf4 100%);
}

.vg-invoice-head button {
    min-height: 40px;
    padding: 10px 16px;
    border: 1px solid rgba(8, 127, 188, .18);
    border-radius: 8px;
    background: #087fbc;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
}

.vg-invoice-meta {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    background: rgba(8, 112, 126, .1);
}

.vg-invoice-meta > div {
    display: grid;
    gap: 7px;
    padding: 18px;
    background: #fff;
}

.vg-invoice-meta strong {
    color: #123f47;
    font-size: 15px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.vg-invoice-status {
    display: inline-flex;
    width: max-content;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
}

.vg-invoice-status.is-paid {
    background: #e9f8ef;
    color: #17814d;
}

.vg-invoice-status.is-new {
    background: #fff1f0;
    color: #c0392b;
}

.vg-invoice-parties {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    padding: clamp(22px, 4vw, 36px);
}

.vg-invoice-parties > div {
    min-height: 168px;
    padding: 18px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fbfefe;
}

.vg-invoice-parties h2 {
    margin: 8px 0 12px;
    color: #123f47;
    font-size: 22px;
    font-weight: 500;
}

.vg-invoice-parties p {
    margin: 7px 0 0;
    color: #345b63;
    font-size: 14px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.vg-invoice-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0 clamp(22px, 4vw, 36px);
    padding: 20px 22px;
    border-radius: 8px;
    background: #123f47;
}

.vg-invoice-total span {
    color: #b7e6ec;
}

.vg-invoice-total strong {
    color: #fff;
    font-size: clamp(24px, 3vw, 34px);
    font-weight: 500;
    line-height: 1.1;
}

.vg-invoice-table-wrap {
    padding: clamp(22px, 4vw, 36px);
    overflow-x: auto;
}

.vg-invoice-table {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
    color: #214b53;
    font-size: 14px;
}

.vg-invoice-table th,
.vg-invoice-table td {
    padding: 14px 12px;
    border-bottom: 1px solid rgba(8, 112, 126, .1);
    text-align: left;
}

.vg-invoice-table th {
    background: #f4fbfc;
    color: #123f47;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.vg-invoice-table td:nth-child(n + 2),
.vg-invoice-table th:nth-child(n + 2) {
    text-align: right;
}

.vg-invoice-table__total td {
    border-bottom: 0;
    color: #123f47;
    font-weight: 900;
}

@media (max-width: 1040px) {
    .vg-shop-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 780px) {
    .vg-shop-hero,
    .vg-shop-card__grid,
    .vg-shop-delivery {
        grid-template-columns: 1fr;
    }

    .vg-shop-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .vg-shop-card__head {
        grid-template-columns: 1fr;
    }

    .vg-shop-status {
        width: max-content;
    }

    .vg-invoice-head,
    .vg-invoice-total {
        align-items: flex-start;
        flex-direction: column;
    }

    .vg-invoice-meta,
    .vg-invoice-parties {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .vg-shop-hero,
    .vg-shop-kpis,
    .vg-shop-list,
    .vg-shop-notice {
        width: min(100% - 18px, 1160px);
    }

    .vg-shop-hero,
    .vg-shop-card__body {
        padding: 16px;
    }

    .vg-shop-kpis {
        grid-template-columns: 1fr;
    }

    .vg-shop-details dl > div {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .vg-invoice-shell {
        padding: 12px;
    }

    .vg-invoice-meta > div,
    .vg-invoice-parties > div,
    .vg-invoice-total {
        padding: 15px;
    }
}

@media print {
    .vg-invoice-shell {
        padding: 0;
        background: #fff;
    }

    .vg-invoice-card {
        border: 0;
        box-shadow: none;
    }

    .vg-invoice-head button {
        display: none;
    }
}

.vg-ny-page {
    min-height: 100vh;
    background: #f7fbfb;
    color: #163f45;
    font-family: Manrope, Inter, Arial, sans-serif;
}

.vg-ny-nav {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 14px clamp(16px, 4vw, 54px);
    border-bottom: 1px solid rgba(0, 153, 153, .16);
    background: rgba(233, 250, 250, .94);
    backdrop-filter: blur(14px);
}

.vg-ny-logo,
.vg-ny-nav a {
    color: #087f8b;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}

.vg-ny-logo {
    color: #123f47;
    font-size: 18px;
    letter-spacing: .08em;
}

.vg-ny-nav > div {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.vg-ny-nav > div a {
    padding: 8px 10px;
    border-radius: 8px;
}

.vg-ny-nav > div a:hover {
    background: rgba(0, 153, 153, .08);
}

.vg-ny-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(280px, .72fr);
    gap: clamp(24px, 4vw, 54px);
    align-items: center;
    min-height: 620px;
    padding: clamp(32px, 6vw, 76px) clamp(16px, 4vw, 64px);
    background-image: linear-gradient(90deg, rgba(247, 253, 253, .96), rgba(247, 253, 253, .82), rgba(247, 253, 253, .42)), var(--vg-ny-hero);
    background-position: center;
    background-size: cover;
}

.vg-ny-hero__content {
    max-width: 760px;
}

.vg-ny-hero__content span,
.vg-ny-intro span,
.vg-ny-section-head span {
    display: inline-flex;
    margin-bottom: 12px;
    color: #0b8898;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vg-ny-hero h1 {
    margin: 0;
    color: #123f47;
    font-size: clamp(42px, 6vw, 78px);
    font-weight: 500;
    line-height: 1.02;
}

.vg-ny-hero p {
    max-width: 680px;
    margin: 20px 0 0;
    color: #345b63;
    font-size: clamp(17px, 2vw, 22px);
    line-height: 1.55;
}

.vg-ny-gift {
    display: grid;
    gap: 8px;
    max-width: 620px;
    margin-top: 24px;
    padding: 18px 20px;
    border: 1px solid rgba(0, 153, 153, .18);
    border-radius: 8px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 16px 44px rgba(27, 67, 74, .1);
}

.vg-ny-gift strong {
    color: #15803d;
    font-size: 28px;
    font-weight: 800;
}

.vg-ny-gift small {
    color: #345b63;
    font-size: 15px;
    line-height: 1.45;
}

.vg-ny-cta,
.vg-ny-product-card > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 12px 18px;
    border-radius: 8px;
    background: #009999;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    transition: transform .18s ease, background .18s ease;
}

.vg-ny-cta {
    margin-top: 22px;
}

.vg-ny-cta:hover,
.vg-ny-product-card > a:hover {
    background: #007f82;
    transform: translateY(-1px);
}

.vg-ny-hero__media img {
    display: block;
    width: min(100%, 520px);
    margin-left: auto;
    filter: drop-shadow(0 24px 40px rgba(27, 67, 74, .22));
}

.vg-ny-intro,
.vg-ny-products,
.vg-ny-order,
.vg-ny-delivery {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
}

.vg-ny-intro {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 24px;
    align-items: center;
    margin-top: -44px;
    padding: 22px;
    border: 1px solid rgba(0, 153, 153, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(27, 67, 74, .12);
}

.vg-ny-intro img {
    width: 160px;
}

.vg-ny-intro h2,
.vg-ny-section-head h2 {
    margin: 0;
    color: #123f47;
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 500;
    line-height: 1.15;
}

.vg-ny-intro p {
    margin: 10px 0 0;
    color: #456770;
    font-size: 16px;
    line-height: 1.55;
}

.vg-ny-products,
.vg-ny-order,
.vg-ny-delivery {
    padding: clamp(42px, 6vw, 78px) 0 0;
}

.vg-ny-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.vg-ny-currency {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.vg-ny-currency a {
    padding: 10px 14px;
    border: 1px solid rgba(0, 153, 153, .18);
    border-radius: 8px;
    background: #fff;
    color: #087f8b;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.vg-ny-currency a.is-active {
    background: #009999;
    color: #fff;
}

.vg-ny-product-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.vg-ny-product-card {
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 16px;
    padding: 18px;
    border: 1px solid rgba(0, 153, 153, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(27, 67, 74, .08);
}

.vg-ny-product-card img {
    width: min(150px, 100%);
    margin: 0 auto;
}

.vg-ny-product-card h3 {
    margin: 0;
    color: #123f47;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25;
}

.vg-ny-product-card p {
    margin: 10px 0 0;
    color: #456770;
    font-size: 13px;
    line-height: 1.45;
}

.vg-ny-product-card dl {
    display: grid;
    gap: 8px;
    margin: 16px 0 0;
}

.vg-ny-product-card dl > div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-top: 8px;
    border-top: 1px solid rgba(0, 153, 153, .08);
}

.vg-ny-product-card dt {
    color: #68848a;
    font-size: 12px;
    font-weight: 800;
}

.vg-ny-product-card dd {
    margin: 0;
    color: #123f47;
    font-size: 14px;
    font-weight: 800;
    text-align: right;
}

.vg-ny-product-card dd strong {
    color: #15803d;
    font-size: 19px;
}

.vg-ny-order {
    display: grid;
    grid-template-columns: minmax(0, .65fr) minmax(320px, 1fr);
    gap: 28px;
    align-items: start;
}

.vg-ny-order ol {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: vg-ny-order;
}

.vg-ny-order li {
    counter-increment: vg-ny-order;
    position: relative;
    padding: 18px 18px 18px 60px;
    border: 1px solid rgba(0, 153, 153, .12);
    border-radius: 8px;
    background: #fff;
    color: #345b63;
    font-size: 16px;
    line-height: 1.5;
}

.vg-ny-order li::before {
    content: counter(vg-ny-order);
    position: absolute;
    left: 18px;
    top: 16px;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: #009999;
    color: #fff;
    font-weight: 900;
}

.vg-ny-delivery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.vg-ny-delivery-grid article {
    padding: 22px;
    border: 1px solid rgba(0, 153, 153, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(27, 67, 74, .07);
}

.vg-ny-delivery-grid img {
    width: 54px;
    height: 54px;
    object-fit: contain;
}

.vg-ny-delivery-grid p {
    margin: 16px 0 0;
    color: #345b63;
    font-size: 15px;
    line-height: 1.55;
}

.vg-ny-footer {
    margin-top: 70px;
    padding: 28px clamp(16px, 4vw, 54px);
    background: #123f47;
    color: #d8f3f4;
    text-align: center;
}

.vg-ny-footer__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 18px;
    margin-bottom: 16px;
}

.vg-ny-footer a {
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.vg-ny-footer a:hover {
    text-decoration: underline;
}

.vg-ny-footer p {
    margin: 0;
    font-size: 13px;
}

.vg-links-page {
    min-height: 100vh;
    padding: 34px 16px 62px;
    background:
        linear-gradient(180deg, rgba(232, 250, 250, .86), rgba(247, 251, 251, 1) 320px),
        #f7fbfb;
    color: #163f45;
    font-family: Manrope, Inter, Arial, sans-serif;
}

.vg-links-hero,
.vg-links-grid {
    width: min(1120px, 100%);
    margin: 0 auto;
}

.vg-links-hero {
    padding: clamp(28px, 5vw, 58px);
    border: 1px solid rgba(0, 153, 153, .14);
    border-radius: 8px;
    background: linear-gradient(135deg, #009999, #19c1c1);
    color: #fff;
    box-shadow: 0 18px 48px rgba(27, 67, 74, .14);
    text-align: center;
}

.vg-links-hero span,
.vg-links-card span {
    display: inline-flex;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vg-links-hero h1 {
    max-width: 880px;
    margin: 0 auto;
    font-size: clamp(32px, 5vw, 58px);
    font-weight: 500;
    line-height: 1.08;
}

.vg-links-hero p {
    max-width: 780px;
    margin: 16px auto 0;
    font-size: 17px;
    line-height: 1.6;
    opacity: .92;
}

.vg-links-grid {
    display: grid;
    gap: 16px;
    margin-top: 22px;
}

.vg-links-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, .32fr);
    gap: 22px;
    align-items: center;
    padding: 22px;
    border: 1px solid rgba(0, 153, 153, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(27, 67, 74, .08);
}

.vg-links-card__content {
    min-width: 0;
}

.vg-links-card span {
    color: #0b8898;
}

.vg-links-card h2 {
    margin: 0;
    color: #123f47;
    font-size: clamp(22px, 2.4vw, 32px);
    font-weight: 500;
    line-height: 1.18;
}

.vg-links-card p {
    margin: 10px 0 0;
    color: #456770;
    font-size: 15px;
    line-height: 1.55;
}

.vg-links-list {
    display: grid;
    gap: 10px;
    margin-top: 16px;
}

.vg-links-list a {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border: 1px solid rgba(0, 153, 153, .12);
    border-radius: 8px;
    background: #f8fcfd;
    color: #087f8b;
    text-decoration: none;
}

.vg-links-list a.is-button {
    width: max-content;
    max-width: 100%;
    background: #009999;
    color: #fff;
}

.vg-links-list strong {
    font-size: 15px;
    font-weight: 900;
}

.vg-links-list small {
    color: inherit;
    font-size: 12px;
    line-height: 1.35;
    opacity: .8;
    overflow-wrap: anywhere;
}

.vg-links-card__media {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.vg-links-card__media img {
    max-width: min(220px, 100%);
    max-height: 190px;
    border: 1px solid rgba(0, 153, 153, .12);
    border-radius: 8px;
    object-fit: contain;
    background: #fff;
}

.vg-mail-page {
    min-height: 100vh;
    padding: 28px 12px 52px;
    background: #e9f3f5;
    color: #163f45;
    font-family: Manrope, Inter, Arial, sans-serif;
}

.vg-mail-shell {
    width: min(980px, 100%);
    margin: 0 auto;
}

.vg-mail-shell table {
    max-width: 100% !important;
    border-collapse: collapse;
}

.vg-mail-shell > table,
.vg-mail-shell body > table {
    overflow: hidden;
    border: 12px solid #01b3bf !important;
    border-radius: 8px;
    box-shadow: 0 18px 48px rgba(27, 67, 74, .12);
}

.vg-mail-shell img {
    max-width: 100% !important;
    height: auto !important;
}

.vg-mail-shell a {
    color: #087fbc;
    overflow-wrap: anywhere;
}

.vg-mail-shell p,
.vg-mail-shell div,
.vg-mail-shell td {
    max-width: 100%;
}

@media (max-width: 640px) {
    .vg-mail-page {
        padding: 12px 6px 32px;
    }

    .vg-mail-shell > table {
        border-width: 6px !important;
    }

    .vg-mail-shell font[size="6"],
    .vg-mail-shell font[size="5"] {
        font-size: 20px !important;
        line-height: 1.35 !important;
    }
}

@media (max-width: 760px) {
    .vg-links-card {
        grid-template-columns: 1fr;
    }

    .vg-links-card__media {
        justify-content: flex-start;
    }
}

.vg-legacy-static-file {
    min-height: 60vh;
    background: #f5fbfc;
    color: #183a42;
}

.vg-legacy-static-file__hero {
    max-width: 1180px;
    margin: 0 auto;
    padding: 48px 18px 24px;
}

.vg-legacy-static-file__hero h1 {
    margin: 0 0 18px;
    color: #12353c;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.18;
}

.vg-legacy-static-file__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.vg-legacy-static-file__actions a {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 999px;
    background: #01b3bf;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
}

.vg-legacy-static-file__pdf {
    display: block;
    width: min(1180px, calc(100% - 28px));
    min-height: 78vh;
    margin: 0 auto 56px;
    border: 1px solid rgba(1, 179, 191, .28);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 20px 60px rgba(17, 54, 64, .12);
}

.vg-legacy-static-file__document {
    width: min(1180px, calc(100% - 28px));
    margin: 0 auto;
    padding: 28px 0 56px;
    overflow-x: auto;
}

.vg-legacy-static-file__document > table {
    margin-right: auto;
    margin-left: auto;
}

.vg-legacy-static-file__document img,
.vg-legacy-static-file__document video,
.vg-legacy-static-file__document iframe {
    max-width: 100%;
}

.vg-legacy-static-file__document img {
    height: auto;
}

.vg-legacy-static-file__document iframe,
.vg-legacy-static-file__document video {
    border-radius: 14px;
}

.vg-legacy-static-file__document a {
    color: #0676d8;
    text-decoration: underline;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}

.vg-legacy-static-file__document table {
    max-width: 100%;
}

.vg-legacy-static-file__document td,
.vg-legacy-static-file__document th {
    max-width: 100%;
    overflow-wrap: anywhere;
}

.vg-legacy-static-file--email .vg-legacy-static-file__document {
    padding-top: 36px;
}

.vg-legacy-static-file--email .vg-legacy-static-file__document > table,
.vg-legacy-static-file--promo .vg-legacy-static-file__document > .main {
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 22px 66px rgba(17, 54, 64, .14);
}

.vg-legacy-static-file--landing,
.vg-legacy-static-file--landing .vg-legacy-static-file__document {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background: #ffffff;
}

.vg-legacy-static-file--landing .vg-legacy-static-file__document table {
    width: auto;
}

.vg-legacy-route-shop_actividan .offer_section .wrapper,
.vg-legacy-route-premium_actividan .offer_section .wrapper,
.vg-legacy-route-actividan_cosmetic .offer_section .wrapper {
    position: relative;
}

.vg-legacy-route-shop_actividan .offer_section .hide_block_640px,
.vg-legacy-route-premium_actividan .offer_section .hide_block_640px,
.vg-legacy-route-actividan_cosmetic .offer_section .hide_block_640px {
    position: absolute;
    top: 250px;
    left: 0;
    z-index: 3;
    width: 252px;
    padding: 18px 20px;
    border: 1px solid rgba(1, 179, 191, .22);
    border-radius: 24px;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 18px 48px rgba(17, 54, 64, .14);
    backdrop-filter: blur(10px);
}

.vg-legacy-route-shop_actividan .offer_section .hide_block_640px ul,
.vg-legacy-route-premium_actividan .offer_section .hide_block_640px ul,
.vg-legacy-route-actividan_cosmetic .offer_section .hide_block_640px ul {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.vg-legacy-route-shop_actividan .offer_section .hide_block_640px li,
.vg-legacy-route-premium_actividan .offer_section .hide_block_640px li,
.vg-legacy-route-actividan_cosmetic .offer_section .hide_block_640px li {
    margin: 0;
    color: #183a42;
    font-size: 15px;
    line-height: 1.25;
    text-align: left;
}

.vg-legacy-route-shop_actividan .offer_section .hide_block_640px br,
.vg-legacy-route-premium_actividan .offer_section .hide_block_640px br,
.vg-legacy-route-actividan_cosmetic .offer_section .hide_block_640px br {
    display: none;
}

.vg-calculator-page {
    min-height: 70vh;
    padding: 0 18px 64px;
    background: #f5fbfc;
    color: #183a42;
}

.vg-calculator-hero {
    max-width: 1120px;
    margin: 0 auto;
    padding: 48px 0 22px;
}

.vg-calculator-hero h1 {
    margin: 0;
    color: #12353c;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.16;
}

.vg-calculator-shell {
    max-width: 1120px;
    margin: 0 auto;
    padding: 22px;
    border: 1px solid rgba(1, 179, 191, .18);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 20px 58px rgba(17, 54, 64, .1);
}

.vg-calculator-form {
    display: grid;
    grid-template-columns: minmax(220px, 1.5fr) repeat(2, minmax(150px, .75fr)) auto;
    gap: 14px;
    align-items: end;
    margin: 0 0 22px;
}

.vg-calculator-form label {
    display: grid;
    gap: 8px;
    margin: 0;
}

.vg-calculator-form span {
    color: #48646a;
    font-size: 14px;
    font-weight: 700;
}

.vg-calculator-form select,
.vg-calculator-form input {
    width: 100%;
    min-height: 46px;
    border: 1px solid rgba(1, 179, 191, .28);
    border-radius: 12px;
    background: #f9feff;
    color: #12353c;
    font: inherit;
    font-size: 15px;
    padding: 10px 12px;
}

.vg-calculator-form button,
.vg-calculator-register a {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    background: #01b3bf;
    color: #ffffff;
    font: inherit;
    font-weight: 800;
    padding: 11px 20px;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(1, 179, 191, .22);
}

.vg-calculator-table-wrap {
    overflow-x: auto;
    border: 1px solid rgba(1, 179, 191, .16);
    border-radius: 16px;
}

.vg-calculator-table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
}

.vg-calculator-table th,
.vg-calculator-table td {
    padding: 13px 14px;
    border-bottom: 1px solid rgba(1, 179, 191, .12);
    text-align: left;
}

.vg-calculator-table th {
    background: #ebf9fb;
    color: #12353c;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.vg-calculator-table tbody tr:nth-child(even) {
    background: #f8fcfd;
}

.vg-calculator-table tfoot td {
    background: #12353c;
    color: #ffffff;
    font-weight: 800;
}

.vg-calculator-results {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.vg-calculator-result-card {
    padding: 20px;
    border: 1px solid rgba(1, 179, 191, .16);
    border-radius: 18px;
    background: #f8fcfd;
}

.vg-calculator-result-card h2,
.vg-calculator-result-card summary {
    margin: 0 0 14px;
    color: #12353c;
    font-size: 19px;
    font-weight: 800;
}

.vg-calculator-result-card summary {
    cursor: pointer;
}

.vg-calculator-result-card dl {
    display: grid;
    gap: 10px;
    margin: 0;
}

.vg-calculator-result-card dl div {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(1, 179, 191, .12);
}

.vg-calculator-result-card dt {
    color: #48646a;
    font-weight: 700;
}

.vg-calculator-result-card dd {
    margin: 0;
    color: #0b717c;
    font-size: 20px;
    font-weight: 800;
}

.vg-calculator-register {
    margin-top: 22px;
    text-align: center;
}

.vg-premium-buy-page {
    min-height: 70vh;
    padding: 42px 18px 64px;
    background: #f5fbfc;
    color: #183a42;
}

.vg-premium-buy-hero,
.vg-premium-buy-note,
.vg-premium-buy-grid,
.vg-premium-buy-links {
    max-width: 1120px;
    margin-right: auto;
    margin-left: auto;
}

.vg-premium-buy-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 430px);
    gap: 28px;
    align-items: center;
    padding: 28px;
    border: 1px solid rgba(1, 179, 191, .18);
    border-radius: 26px;
    background: linear-gradient(135deg, #ffffff 0%, #eafafb 100%);
    box-shadow: 0 22px 62px rgba(17, 54, 64, .1);
}

.vg-premium-buy-hero span {
    color: #0495a2;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.vg-premium-buy-hero h1 {
    margin: 8px 0 14px;
    color: #12353c;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.12;
}

.vg-premium-buy-hero p {
    max-width: 620px;
    margin: 0 0 20px;
    color: #48646a;
    font-size: 17px;
    line-height: 1.7;
}

.vg-premium-buy-hero a,
.vg-premium-buy-card a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 11px 18px;
    border-radius: 999px;
    background: #01b3bf;
    color: #ffffff;
    font-weight: 800;
    text-decoration: none;
}

.vg-premium-buy-hero img {
    width: 100%;
    height: auto;
    border-radius: 22px;
}

.vg-premium-buy-note {
    margin-top: 18px;
    padding: 22px 26px;
    border: 1px solid rgba(1, 179, 191, .16);
    border-radius: 20px;
    background: #ffffff;
}

.vg-premium-buy-note h2 {
    margin: 0 0 8px;
    color: #12353c;
    font-size: 22px;
    font-weight: 800;
}

.vg-premium-buy-note p {
    margin: 0;
    color: #48646a;
    line-height: 1.7;
}

.vg-premium-buy-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.vg-premium-buy-card {
    display: grid;
    gap: 10px;
    justify-items: center;
    padding: 22px 16px;
    border: 1px solid rgba(1, 179, 191, .16);
    border-radius: 18px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 14px 36px rgba(17, 54, 64, .07);
}

.vg-premium-buy-card strong {
    color: #0b717c;
    font-size: 46px;
    line-height: 1;
}

.vg-premium-buy-card span {
    color: #48646a;
    font-weight: 700;
}

.vg-premium-buy-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    justify-content: center;
    margin-top: 24px;
}

.vg-premium-buy-links a {
    color: #0676d8;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.vg-promo-composite {
    min-height: 70vh;
    padding: 44px 18px 66px;
    background: #f5fbfc;
    color: #183a42;
}

.vg-promo-composite__hero,
.vg-promo-composite__section,
.vg-promo-composite__visual,
.vg-promo-composite__cta {
    max-width: 1120px;
    margin-right: auto;
    margin-left: auto;
}

.vg-promo-composite__hero {
    margin-bottom: 18px;
    padding: 30px;
    border-radius: 26px;
    background: linear-gradient(135deg, #12353c, #0b717c);
    color: #ffffff;
}

.vg-promo-composite__hero h1 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.12;
}

.vg-promo-composite__hero p {
    max-width: 760px;
    margin: 0;
    color: #dcfbff;
    font-size: 17px;
    line-height: 1.7;
}

.vg-promo-composite__section {
    margin-bottom: 18px;
    padding: 28px;
    border: 1px solid rgba(1, 179, 191, .16);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 16px 44px rgba(17, 54, 64, .08);
    overflow-x: auto;
}

.vg-promo-composite__section img,
.vg-promo-composite__section iframe,
.vg-promo-composite__section video {
    max-width: 100%;
}

.vg-promo-composite__section img {
    height: auto;
}

.vg-promo-composite__section a {
    color: #0676d8;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.vg-promo-composite__visual {
    min-height: 260px;
    margin-bottom: 18px;
    border-radius: 24px;
    background-position: center;
    background-size: cover;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .36), 0 18px 52px rgba(17, 54, 64, .1);
}

.vg-promo-composite__cta {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    padding: 24px 28px;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(17, 54, 64, .09);
}

.vg-promo-composite__cta h2 {
    margin: 0 0 8px;
    color: #12353c;
    font-size: 24px;
    font-weight: 800;
}

.vg-promo-composite__cta p {
    margin: 0;
    color: #48646a;
    line-height: 1.65;
}

.vg-promo-composite__cta div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.vg-promo-composite__cta a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 999px;
    background: #01b3bf;
    color: #ffffff;
    font-weight: 800;
    text-decoration: none;
}

.vg-article-list-page {
    min-height: 70vh;
    padding: 44px 18px 66px;
    background: #f5fbfc;
    color: #183a42;
}

.vg-article-list-hero,
.vg-article-grid,
.vg-article-document {
    max-width: 1120px;
    margin-right: auto;
    margin-left: auto;
}

.vg-article-list-hero {
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.vg-article-list-hero h1 {
    margin: 0;
    color: #12353c;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.16;
}

.vg-article-list-hero a,
.vg-article-card {
    color: #0676d8;
    text-decoration: none;
}

.vg-article-list-hero a {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 999px;
    background: #01b3bf;
    color: #ffffff;
    font-weight: 800;
}

.vg-article-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.vg-article-card {
    display: grid;
    gap: 8px;
    padding: 20px;
    border: 1px solid rgba(1, 179, 191, .16);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 14px 38px rgba(17, 54, 64, .07);
}

.vg-article-card span {
    color: #0495a2;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.vg-article-card strong {
    color: #12353c;
    font-size: 17px;
    line-height: 1.45;
}

.vg-article-document {
    padding: 28px;
    border: 1px solid rgba(1, 179, 191, .16);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 18px 52px rgba(17, 54, 64, .08);
    overflow-x: auto;
}

.vg-article-document img,
.vg-article-document iframe,
.vg-article-document video {
    max-width: 100%;
}

.vg-article-document img {
    height: auto;
}

.vg-article-document table {
    max-width: 100%;
}

.vg-article-document a {
    color: #0676d8;
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 760px) {
    .vg-legacy-static-file__hero {
        padding: 34px 14px 18px;
    }

    .vg-legacy-static-file__hero h1 {
        font-size: 28px;
    }

    .vg-legacy-static-file__document {
        width: calc(100% - 16px);
        padding: 18px 0 40px;
    }

    .vg-legacy-static-file__document table[width="600"] {
        width: 100% !important;
    }

    .vg-legacy-static-file__document td {
        word-break: normal;
    }

    .vg-legacy-static-file__pdf {
        width: calc(100% - 16px);
        min-height: 72vh;
        border-radius: 14px;
    }

    .vg-legacy-route-shop_actividan .offer_section .hide_block_640px,
    .vg-legacy-route-premium_actividan .offer_section .hide_block_640px,
    .vg-legacy-route-actividan_cosmetic .offer_section .hide_block_640px {
        display: none;
    }

    .vg-calculator-page {
        padding: 0 10px 42px;
    }

    .vg-calculator-hero {
        padding: 34px 0 18px;
    }

    .vg-calculator-hero h1 {
        font-size: 28px;
    }

    .vg-calculator-shell {
        padding: 14px;
        border-radius: 18px;
    }

    .vg-calculator-form,
    .vg-calculator-results {
        grid-template-columns: 1fr;
    }

    .vg-calculator-table {
        min-width: 620px;
    }

    .vg-premium-buy-page {
        padding: 28px 10px 42px;
    }

    .vg-premium-buy-hero {
        grid-template-columns: 1fr;
        padding: 18px;
        border-radius: 20px;
    }

    .vg-premium-buy-hero h1 {
        font-size: 32px;
    }

    .vg-premium-buy-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vg-promo-composite {
        padding: 28px 10px 42px;
    }

    .vg-promo-composite__hero,
    .vg-promo-composite__section,
    .vg-promo-composite__cta {
        padding: 18px;
        border-radius: 18px;
    }

    .vg-promo-composite__hero h1 {
        font-size: 30px;
    }

    .vg-promo-composite__visual {
        min-height: 180px;
        border-radius: 18px;
    }

    .vg-promo-composite__cta {
        display: grid;
    }

    .vg-promo-composite__cta div {
        justify-content: flex-start;
    }

    .vg-article-list-page {
        padding: 28px 10px 42px;
    }

    .vg-article-list-hero {
        display: grid;
    }

    .vg-article-list-hero h1 {
        font-size: 28px;
    }

    .vg-article-grid {
        grid-template-columns: 1fr;
    }

    .vg-article-document {
        padding: 16px;
        border-radius: 18px;
    }
}

@media (max-width: 1180px) {
    .vg-ny-product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .vg-ny-hero,
    .vg-ny-order {
        grid-template-columns: 1fr;
    }

    .vg-ny-hero {
        min-height: 0;
    }

    .vg-ny-hero__media img {
        margin: 0;
    }

    .vg-ny-intro,
    .vg-ny-delivery-grid {
        grid-template-columns: 1fr;
    }

    .vg-ny-section-head {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .vg-ny-nav {
        align-items: flex-start;
        flex-direction: column;
        padding: 12px;
    }

    .vg-ny-hero {
        padding: 30px 14px 42px;
    }

    .vg-ny-hero h1 {
        font-size: 38px;
    }

    .vg-ny-product-grid {
        grid-template-columns: 1fr;
    }

    .vg-ny-intro,
    .vg-ny-products,
    .vg-ny-order,
    .vg-ny-delivery {
        width: min(100% - 18px, 1180px);
    }
}

.vg-week-hero,
.vg-week-kpis,
.vg-week-panel {
    width: min(1160px, calc(100% - 32px));
    margin-right: auto;
    margin-left: auto;
}

.vg-week-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 24px;
    padding: clamp(20px, 3vw, 34px);
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: linear-gradient(135deg, #eefbfc 0%, #fff 58%, #f2fbf4 100%);
    box-shadow: 0 18px 44px rgba(27, 67, 74, .1);
}

.vg-week-hero span {
    display: block;
    margin-bottom: 8px;
    color: #0b8898;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vg-week-hero h1 {
    margin: 0;
    color: #123f47;
    font-size: clamp(27px, 3vw, 40px);
    font-weight: 500;
    line-height: 1.12;
}

.vg-week-hero p {
    max-width: 780px;
    margin: 10px 0 0;
    color: #345b63;
    font-size: 15px;
    line-height: 1.58;
}

.vg-week-user {
    display: grid;
    gap: 5px;
    min-width: 180px;
    padding: 16px 18px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .78);
}

.vg-week-user small {
    color: #68848a;
    font-weight: 800;
}

.vg-week-user strong {
    color: #123f47;
    font-size: 22px;
    line-height: 1;
}

.vg-week-user span {
    margin: 0;
    color: #087f8b;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
}

.vg-week-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.vg-week-kpis article {
    padding: 18px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(27, 67, 74, .07);
}

.vg-week-kpis span {
    display: block;
    color: #68848a;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.vg-week-kpis strong {
    display: inline-block;
    margin-top: 8px;
    color: #123f47;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.08;
}

.vg-week-kpis strong.is-active {
    color: #168b4a;
}

.vg-week-kpis strong.is-inactive {
    color: #c0392b;
}

.vg-week-panel {
    overflow: hidden;
    margin-top: 22px;
    margin-bottom: 48px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(27, 67, 74, .08);
}

.vg-week-panel__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 22px;
    border-bottom: 1px solid rgba(8, 112, 126, .1);
    background: #f8fcfd;
}

.vg-week-panel__head h2 {
    margin: 0;
    color: #123f47;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.2;
}

.vg-week-panel__head p {
    margin: 7px 0 0;
    color: #68848a;
    font-size: 13px;
    line-height: 1.45;
}

.vg-week-table-wrap {
    max-height: 760px;
    overflow: auto;
}

.vg-week-table {
    width: 100%;
    min-width: 860px;
    border-collapse: collapse;
    color: #214b53;
    font-size: 14px;
}

.vg-week-table th {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 12px 10px;
    background: #01b3bf;
    color: #fff;
    font-weight: 800;
    text-align: center;
}

.vg-week-table td {
    padding: 11px 10px;
    border-bottom: 1px solid rgba(8, 112, 126, .08);
    text-align: center;
    vertical-align: middle;
}

.vg-week-table tbody tr:nth-child(even) {
    background: #f8fcfd;
}

.vg-week-table tr.is-total {
    background: #ecf8ee;
    color: #123f47;
    font-weight: 900;
}

.vg-week-order {
    display: inline-block;
    max-width: 220px;
    color: #087fbc;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.vg-week-empty {
    color: #68848a;
    font-weight: 800;
}

@media (max-width: 1040px) {
    .vg-week-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .vg-week-hero,
    .vg-week-panel__head {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .vg-week-hero,
    .vg-week-kpis,
    .vg-week-panel {
        width: min(100% - 18px, 1160px);
    }

    .vg-week-hero,
    .vg-week-panel__head {
        padding: 16px;
    }

    .vg-week-kpis {
        grid-template-columns: 1fr;
    }
}

.vg-incoming-hero,
.vg-incoming-kpis,
.vg-incoming-panel {
    width: min(1160px, calc(100% - 32px));
    margin-right: auto;
    margin-left: auto;
}

.vg-incoming-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 24px;
    padding: clamp(20px, 3vw, 34px);
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: linear-gradient(135deg, #eefbfc 0%, #fff 58%, #eef8f1 100%);
    box-shadow: 0 18px 44px rgba(27, 67, 74, .1);
}

.vg-incoming-hero span {
    display: block;
    margin-bottom: 8px;
    color: #0b8898;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vg-incoming-hero h1 {
    margin: 0;
    color: #123f47;
    font-size: clamp(27px, 3vw, 40px);
    font-weight: 500;
    line-height: 1.12;
}

.vg-incoming-hero p {
    max-width: 780px;
    margin: 10px 0 0;
    color: #345b63;
    font-size: 15px;
    line-height: 1.58;
}

.vg-incoming-user {
    display: grid;
    gap: 5px;
    min-width: 180px;
    padding: 16px 18px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .78);
}

.vg-incoming-user small {
    color: #68848a;
    font-weight: 800;
}

.vg-incoming-user strong {
    color: #123f47;
    font-size: 22px;
    line-height: 1;
}

.vg-incoming-user span {
    margin: 0;
    color: #087f8b;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
}

.vg-incoming-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.vg-incoming-kpis article {
    padding: 18px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(27, 67, 74, .07);
}

.vg-incoming-kpis span {
    display: block;
    color: #68848a;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.vg-incoming-kpis strong {
    display: inline-block;
    margin-top: 8px;
    color: #123f47;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.vg-incoming-panel {
    overflow: hidden;
    margin-top: 22px;
    margin-bottom: 48px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(27, 67, 74, .08);
}

.vg-incoming-panel__head {
    padding: 20px 22px;
    border-bottom: 1px solid rgba(8, 112, 126, .1);
    background: #f8fcfd;
}

.vg-incoming-panel__head h2 {
    margin: 0;
    color: #123f47;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.2;
}

.vg-incoming-panel__head p {
    margin: 7px 0 0;
    color: #68848a;
    font-size: 13px;
    line-height: 1.45;
}

.vg-incoming-table-wrap {
    max-height: 760px;
    overflow: auto;
}

.vg-incoming-table {
    width: 100%;
    min-width: 840px;
    border-collapse: collapse;
    color: #214b53;
    font-size: 14px;
}

.vg-incoming-table th {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 12px 10px;
    background: #01b3bf;
    color: #fff;
    font-weight: 800;
    text-align: center;
}

.vg-incoming-table td {
    padding: 11px 10px;
    border-bottom: 1px solid rgba(8, 112, 126, .08);
    text-align: center;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.vg-incoming-table tbody tr:nth-child(even) {
    background: #f8fcfd;
}

.vg-incoming-empty {
    color: #68848a;
    font-weight: 800;
}

@media (max-width: 1040px) {
    .vg-incoming-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .vg-incoming-hero {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .vg-incoming-hero,
    .vg-incoming-kpis,
    .vg-incoming-panel {
        width: min(100% - 18px, 1160px);
    }

    .vg-incoming-hero,
    .vg-incoming-panel__head {
        padding: 16px;
    }

    .vg-incoming-kpis {
        grid-template-columns: 1fr;
    }
}

.vg-actions-hero,
.vg-actions-card {
    width: min(1160px, calc(100% - 32px));
    margin-right: auto;
    margin-left: auto;
}

.vg-actions-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 24px;
    padding: clamp(20px, 3vw, 34px);
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: linear-gradient(135deg, #eefbfc 0%, #fff 58%, #fff7ed 100%);
    box-shadow: 0 18px 44px rgba(27, 67, 74, .1);
}

.vg-actions-hero span {
    display: block;
    margin-bottom: 8px;
    color: #0b8898;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vg-actions-hero h1 {
    margin: 0;
    color: #123f47;
    font-size: clamp(27px, 3vw, 40px);
    font-weight: 500;
    line-height: 1.12;
}

.vg-actions-hero p {
    max-width: 780px;
    margin: 10px 0 0;
    color: #345b63;
    font-size: 15px;
    line-height: 1.58;
}

.vg-actions-user {
    display: grid;
    gap: 5px;
    min-width: 180px;
    padding: 16px 18px;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .78);
}

.vg-actions-user small {
    color: #68848a;
    font-weight: 800;
}

.vg-actions-user strong {
    color: #123f47;
    font-size: 22px;
    line-height: 1;
}

.vg-actions-user span {
    margin: 0;
    color: #087f8b;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
}

.vg-actions-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .42fr);
    gap: 22px;
    align-items: center;
    margin-top: 22px;
    margin-bottom: 48px;
    padding: clamp(16px, 2.5vw, 24px);
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(27, 67, 74, .08);
}

.vg-actions-media {
    overflow: hidden;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #f8fcfd;
}

.vg-actions-media img {
    display: block;
    width: 100%;
    height: auto;
}

.vg-actions-content {
    display: grid;
    gap: 12px;
    align-content: center;
}

.vg-actions-content span {
    color: #68848a;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
}

.vg-actions-content h2 {
    margin: 0;
    color: #123f47;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}

.vg-actions-content a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid rgba(8, 127, 188, .18);
    border-radius: 8px;
    background: #eef9ff;
    color: #087fbc;
    font-weight: 800;
    text-decoration: none;
}

.vg-actions-content a:hover {
    color: #056d9a;
    text-decoration: underline;
}

@media (max-width: 780px) {
    .vg-actions-hero,
    .vg-actions-card {
        grid-template-columns: 1fr;
    }

    .vg-actions-hero {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .vg-actions-hero,
    .vg-actions-card {
        width: min(100% - 18px, 1160px);
    }

    .vg-actions-hero,
    .vg-actions-card {
        padding: 16px;
    }
}

.vg-inactive-hero,
.vg-inactive-kpis,
.vg-inactive-panel {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.vg-inactive-hero {
    margin-top: 22px;
    padding: 28px;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
    background: linear-gradient(135deg, rgba(1, 179, 191, .13), rgba(255, 255, 255, .96));
    border: 1px solid rgba(1, 179, 191, .2);
    border-radius: 20px;
    box-shadow: 0 18px 42px rgba(10, 68, 78, .08);
}

.vg-inactive-hero span {
    display: inline-flex;
    margin-bottom: 10px;
    color: #018c98;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.vg-inactive-hero h1 {
    margin: 0;
    color: #12353c;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: 0;
}

.vg-inactive-hero p {
    max-width: 760px;
    margin: 12px 0 0;
    color: #4f6870;
    font-size: 16px;
    line-height: 1.65;
}

.vg-inactive-user {
    min-width: 150px;
    padding: 16px 18px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(1, 179, 191, .18);
    box-shadow: 0 12px 24px rgba(10, 68, 78, .08);
}

.vg-inactive-user small {
    display: block;
    color: #6c7f86;
    font-size: 12px;
}

.vg-inactive-user strong {
    display: block;
    margin-top: 4px;
    color: #12353c;
    font-size: 22px;
}

.vg-inactive-user span {
    display: block;
    margin-top: 5px;
    color: #018c98;
    font-size: 13px;
}

.vg-inactive-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.vg-inactive-kpis article {
    padding: 20px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(1, 179, 191, .14);
    box-shadow: 0 12px 30px rgba(10, 68, 78, .07);
}

.vg-inactive-kpis span {
    display: block;
    min-height: 34px;
    color: #60777e;
    font-size: 13px;
    line-height: 1.35;
}

.vg-inactive-kpis strong {
    display: block;
    margin-top: 10px;
    color: #12353c;
    font-size: 26px;
    font-weight: 700;
}

.vg-inactive-panel {
    margin-top: 22px;
    padding: 24px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid rgba(1, 179, 191, .14);
    box-shadow: 0 16px 36px rgba(10, 68, 78, .07);
}

.vg-inactive-panel__head {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.vg-inactive-panel__head h2 {
    margin: 0;
    color: #12353c;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0;
}

.vg-inactive-panel__head p {
    max-width: 940px;
    margin: 8px 0 0;
    color: #5c7178;
    font-size: 15px;
    line-height: 1.65;
}

.vg-inactive-table-wrap {
    width: 100%;
    overflow-x: auto;
    border-radius: 16px;
    border: 1px solid rgba(1, 179, 191, .13);
}

.vg-inactive-table {
    width: 100%;
    min-width: 780px;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
}

.vg-inactive-table th {
    padding: 12px 14px;
    background: #01b3bf;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}

.vg-inactive-table td {
    padding: 12px 14px;
    color: #24454c;
    font-size: 14px;
    border-top: 1px solid rgba(1, 179, 191, .12);
    text-align: center;
    vertical-align: middle;
}

.vg-inactive-table tbody tr:nth-child(even) {
    background: #f6fbfc;
}

.vg-inactive-table img {
    display: inline-block;
    height: 20px;
    width: auto;
}

.vg-inactive-table__name {
    text-align: left !important;
    font-weight: 600;
}

.vg-inactive-contact-link {
    border: 0;
    padding: 0;
    background: transparent;
    color: #0676d8;
    font: inherit;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

.vg-inactive-empty {
    padding: 26px !important;
    color: #6b8087 !important;
    text-align: center !important;
}

.vg-inactive-contact-modal[hidden] {
    display: none;
}

.vg-inactive-contact-modal {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: grid;
    place-items: center;
    padding: 20px;
}

.vg-inactive-contact-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(6, 29, 36, .42);
    backdrop-filter: blur(5px);
}

.vg-inactive-contact-modal__panel {
    position: relative;
    width: min(760px, 100%);
    max-height: min(760px, calc(100vh - 40px));
    overflow: auto;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 32px 80px rgba(6, 29, 36, .28);
}

.vg-inactive-contact-modal__close {
    position: sticky;
    top: 12px;
    float: right;
    margin: 12px 12px 0 0;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 999px;
    background: #e8f8fa;
    color: #0b6770;
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
}

.vg-inactive-contact-modal__body {
    padding: 26px;
    color: #24454c;
}

.vg-contact-card {
    color: #24454c;
}

.vg-contact-card__close {
    text-align: right;
}

.vg-contact-card__close button {
    border: 0;
    background: transparent;
    color: #0676d8;
    font-weight: 700;
    cursor: pointer;
}

.vg-contact-card__title {
    margin: 4px 0 14px;
    color: #12353c;
    font-size: 20px;
    font-weight: 800;
}

.vg-contact-card__title--sponsor {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(1, 179, 191, .14);
}

.vg-contact-card__person {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.vg-contact-card__person img {
    width: 96px;
    height: 96px;
    border-radius: 18px;
    object-fit: cover;
    background: #f1f6f7;
}

.vg-contact-card__person dl {
    margin: 0;
    display: grid;
    gap: 6px;
}

.vg-contact-card__person dl div {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 10px;
    padding: 7px 0;
    border-bottom: 1px solid rgba(1, 179, 191, .1);
}

.vg-contact-card__person dt {
    color: #6b8087;
    font-weight: 700;
}

.vg-contact-card__person dd {
    margin: 0;
    color: #24454c;
    overflow-wrap: anywhere;
}

.vg-contact-card a {
    color: #0676d8;
    font-weight: 700;
}

@media (max-width: 860px) {
    .vg-inactive-hero {
        align-items: stretch;
        flex-direction: column;
    }

    .vg-inactive-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .vg-inactive-hero,
    .vg-inactive-kpis,
    .vg-inactive-panel {
        width: min(100% - 20px, 1180px);
    }

    .vg-inactive-hero,
    .vg-inactive-panel {
        padding: 18px;
        border-radius: 16px;
    }

    .vg-inactive-hero h1 {
        font-size: 26px;
    }

    .vg-inactive-kpis {
        grid-template-columns: 1fr;
    }

    .vg-contact-card__person {
        grid-template-columns: 1fr;
    }

    .vg-contact-card__person dl div {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}

.vg-first-hero,
.vg-first-access,
.vg-first-links {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.vg-first-hero {
    margin-top: 22px;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
    border: 1px solid rgba(1, 179, 191, .18);
    border-radius: 20px;
    background:
        linear-gradient(135deg, rgba(1, 179, 191, .15), rgba(255, 255, 255, .94)),
        radial-gradient(circle at 92% 12%, rgba(178, 226, 64, .16), transparent 32%);
    box-shadow: 0 18px 42px rgba(10, 68, 78, .08);
}

.vg-first-hero span,
.vg-first-access span,
.vg-first-links article span {
    display: block;
    color: #018c98;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.vg-first-hero h1 {
    margin: 10px 0 0;
    color: #12353c;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0;
}

.vg-first-hero p {
    max-width: 760px;
    margin: 12px 0 0;
    color: #4f6870;
    font-size: 16px;
    line-height: 1.65;
}

.vg-first-id {
    min-width: 190px;
    padding: 18px 20px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(1, 179, 191, .18);
    box-shadow: 0 12px 24px rgba(10, 68, 78, .08);
}

.vg-first-id small {
    display: block;
    color: #6c7f86;
    font-size: 12px;
}

.vg-first-id strong {
    display: block;
    margin-top: 6px;
    color: #0a9a44;
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
}

.vg-first-access {
    margin-top: 20px;
    padding: 24px;
    display: grid;
    grid-template-columns: minmax(0, .75fr) minmax(340px, 1fr);
    gap: 22px;
    align-items: center;
    border: 1px solid rgba(1, 179, 191, .14);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(10, 68, 78, .07);
}

.vg-first-access h2 {
    margin: 10px 0 0;
    color: #12353c;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0;
}

.vg-first-access__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.vg-first-access__grid article {
    padding: 18px;
    border-radius: 16px;
    background: #f7fbfc;
    border: 1px solid rgba(1, 179, 191, .13);
}

.vg-first-access__grid small {
    display: block;
    color: #6b8087;
    font-size: 13px;
    font-weight: 700;
}

.vg-first-access__grid strong {
    display: block;
    margin-top: 8px;
    color: #d42d2d;
    font-size: 21px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.vg-first-links {
    display: grid;
    gap: 14px;
    margin-top: 20px;
    margin-bottom: 48px;
}

.vg-first-links article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    padding: 18px 20px;
    border: 1px solid rgba(1, 179, 191, .14);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(10, 68, 78, .06);
}

.vg-first-links article.is-accent {
    border-color: rgba(1, 179, 191, .24);
    background: linear-gradient(135deg, #f3fcfd, #fff);
}

.vg-first-links article a:not(.vg-first-open) {
    display: block;
    margin-top: 8px;
    color: #0676d8;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.vg-first-open {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 9px 15px;
    border-radius: 999px;
    background: #01b3bf;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.vg-first-open:hover {
    background: #018c98;
    color: #fff;
}

@media (max-width: 860px) {
    .vg-first-hero,
    .vg-first-access {
        grid-template-columns: 1fr;
        align-items: stretch;
        flex-direction: column;
    }

    .vg-first-access__grid {
        grid-template-columns: 1fr;
    }

    .vg-first-links article {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .vg-first-hero,
    .vg-first-access,
    .vg-first-links {
        width: min(100% - 20px, 1180px);
    }

    .vg-first-hero,
    .vg-first-access,
    .vg-first-links article {
        padding: 18px;
        border-radius: 16px;
    }

    .vg-first-hero h1 {
        font-size: 26px;
    }
}

.vg-info-hero,
.vg-info-content {
    width: min(1160px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.vg-info-hero {
    margin-top: 22px;
    padding: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border: 1px solid rgba(1, 179, 191, .18);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(1, 179, 191, .13), rgba(255, 255, 255, .96));
    box-shadow: 0 18px 42px rgba(10, 68, 78, .08);
}

.vg-info-hero span {
    display: inline-flex;
    margin-bottom: 10px;
    color: #018c98;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.vg-info-hero h1 {
    margin: 0;
    color: #12353c;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: 0;
}

.vg-info-hero p {
    max-width: 760px;
    margin: 12px 0 0;
    color: #4f6870;
    font-size: 16px;
    line-height: 1.65;
}

.vg-info-user {
    min-width: 150px;
    padding: 16px 18px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(1, 179, 191, .18);
    box-shadow: 0 12px 24px rgba(10, 68, 78, .08);
}

.vg-info-user small {
    display: block;
    color: #6c7f86;
    font-size: 12px;
}

.vg-info-user strong {
    display: block;
    margin-top: 4px;
    color: #12353c;
    font-size: 22px;
}

.vg-info-user span {
    display: block;
    margin-top: 5px;
    color: #018c98;
    font-size: 13px;
}

.vg-info-content {
    margin-top: 22px;
    margin-bottom: 54px;
    padding: clamp(20px, 3vw, 34px);
    border: 1px solid rgba(1, 179, 191, .14);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 16px 38px rgba(10, 68, 78, .07);
    color: #284950;
    font-size: 16px;
    line-height: 1.72;
}

.vg-info-content .container,
.vg-info-content .row {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.vg-info-content h1,
.vg-info-content h2,
.vg-info-content h3 {
    color: #12353c;
    letter-spacing: 0;
    line-height: 1.2;
}

.vg-info-content h1 {
    margin: 0 0 20px;
    font-size: 30px;
    font-weight: 700;
}

.vg-info-content h2 {
    margin: 30px 0 12px;
    font-size: 24px;
    font-weight: 700;
}

.vg-info-content h3 {
    margin: 22px 0 10px;
    font-size: 20px;
    font-weight: 700;
}

.vg-info-content h4 {
    margin: 0 0 16px;
    color: #284950;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.72;
}

.vg-info-content p {
    margin: 0 0 14px;
}

.vg-info-content ul,
.vg-info-content ol {
    margin: 12px 0 18px;
    padding-left: 24px;
}

.vg-info-content li {
    margin: 8px 0;
    padding-left: 4px;
}

.vg-info-content strong,
.vg-info-content b {
    color: #12353c;
    font-weight: 800;
}

.vg-info-content a {
    color: #0676d8;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}

.vg-info-content img {
    max-width: min(100%, 360px);
    height: auto;
    border-radius: 14px;
}

.vg-info-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 18px 0;
}

.vg-info-content td,
.vg-info-content th {
    padding: 10px;
    border: 1px solid rgba(1, 179, 191, .14);
    vertical-align: top;
}

@media (max-width: 760px) {
    .vg-info-hero {
        flex-direction: column;
        align-items: stretch;
    }

    .vg-info-hero,
    .vg-info-content {
        width: min(100% - 20px, 1160px);
        border-radius: 16px;
    }

    .vg-info-hero h1,
    .vg-info-content h1 {
        font-size: 25px;
    }

    .vg-info-content {
        padding: 18px;
        font-size: 15px;
    }
}

.vg-office-simple-hero {
    width: min(100% - 32px, 1180px);
    margin: 22px auto 18px;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 1px solid rgba(1, 179, 191, .16);
    border-radius: 18px;
    background: linear-gradient(135deg, #f7feff 0%, #ffffff 62%, #eefafb 100%);
    box-shadow: 0 18px 45px rgba(17, 54, 64, .08);
}

.vg-office-simple-hero span {
    display: inline-flex;
    margin-bottom: 7px;
    color: #0395a3;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vg-office-simple-hero h1 {
    margin: 0;
    color: #12353c;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.14;
}

.vg-office-simple-hero p {
    max-width: 720px;
    margin: 10px 0 0;
    color: #48646a;
    font-size: 16px;
    line-height: 1.65;
}

.vg-office-simple-user {
    min-width: 150px;
    padding: 14px 16px;
    border: 1px solid rgba(1, 179, 191, .18);
    border-radius: 14px;
    background: rgba(255, 255, 255, .78);
    color: #23474e;
    text-align: right;
}

.vg-office-simple-user strong {
    display: block;
    color: #0b717c;
    font-size: 20px;
}

.vg-office-simple-user span {
    margin: 2px 0 0;
    color: #5a7176;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.vg-banners-grid {
    width: min(100% - 32px, 1180px);
    margin: 0 auto 64px;
    display: grid;
    gap: 18px;
}

.vg-banner-card {
    display: grid;
    grid-template-columns: minmax(220px, 380px) minmax(0, 1fr);
    gap: 20px;
    padding: 20px;
    border: 1px solid rgba(1, 179, 191, .16);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(17, 54, 64, .07);
}

.vg-banner-preview {
    min-height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    border-radius: 12px;
    background: #eefafb;
    overflow: hidden;
}

.vg-banner-preview img {
    max-width: 100%;
    height: auto;
}

.vg-banner-meta h2 {
    margin: 0 0 14px;
    color: #12353c;
    font-size: 22px;
    font-weight: 800;
}

.vg-banner-meta label {
    display: block;
    margin: 0 0 14px;
}

.vg-banner-meta label span {
    display: block;
    margin-bottom: 6px;
    color: #436068;
    font-size: 13px;
    font-weight: 800;
}

.vg-banner-meta input,
.vg-banner-meta textarea {
    width: 100%;
    border: 1px solid rgba(1, 179, 191, .22);
    border-radius: 10px;
    background: #f8fbfb;
    color: #24474f;
    font: 13px/1.45 Consolas, Monaco, monospace;
    outline: none;
}

.vg-banner-meta input {
    height: 42px;
    padding: 0 12px;
}

.vg-banner-meta textarea {
    min-height: 100px;
    padding: 12px;
    resize: vertical;
}

.vg-office-content-card {
    width: min(100% - 32px, 1180px);
    margin: 0 auto 64px;
    padding: 28px;
    border: 1px solid rgba(1, 179, 191, .16);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(17, 54, 64, .08);
}

.vg-office-content-prose {
    color: #2a4c54;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.72;
}

.vg-office-content-prose table {
    max-width: 100%;
}

.vg-office-content-prose td,
.vg-office-content-prose th {
    vertical-align: top;
}

.vg-office-content-prose h1,
.vg-office-content-prose h2,
.vg-office-content-prose h3,
.vg-office-content-prose h4 {
    color: #12353c;
    font-weight: 700;
    line-height: 1.25;
}

.vg-office-content-prose p {
    margin: 0 0 14px;
}

.vg-office-content-prose a {
    color: #0676d8;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}

.vg-office-content-prose img,
.vg-office-content-prose iframe {
    max-width: 100%;
    height: auto;
}

.vg-office-content-prose iframe {
    aspect-ratio: 16 / 9;
    border-radius: 14px;
}

.vg-office-content-prose font {
    font-family: inherit;
}

@media (max-width: 820px) {
    .vg-office-simple-hero {
        flex-direction: column;
        align-items: stretch;
        width: min(100% - 20px, 1180px);
        padding: 18px;
        border-radius: 16px;
    }

    .vg-office-simple-hero h1 {
        font-size: 26px;
    }

    .vg-office-simple-user {
        min-width: 0;
        text-align: left;
    }

    .vg-banners-grid,
    .vg-office-content-card {
        width: min(100% - 20px, 1180px);
    }

    .vg-banner-card {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .vg-office-content-card {
        padding: 18px;
    }

    .vg-office-content-prose {
        font-size: 15px;
    }
}

.vg-message-page {
    min-height: 100vh;
    padding: 24px 16px 56px;
    background:
        radial-gradient(circle at top left, rgba(1, 179, 191, .13), transparent 34%),
        linear-gradient(180deg, #f4fbfc 0%, #ffffff 48%, #eefafb 100%);
    color: #24474f;
}

.vg-message-shell {
    width: min(100%, 940px);
    margin: 0 auto;
}

.vg-message-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 14px;
    padding: 10px;
    border: 1px solid rgba(1, 179, 191, .16);
    border-radius: 16px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 10px 28px rgba(17, 54, 64, .07);
}

.vg-message-nav a {
    padding: 9px 14px;
    border-radius: 999px;
    color: #0a7280;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}

.vg-message-nav a:hover {
    background: rgba(1, 179, 191, .1);
}

.vg-message-image-link {
    display: block;
    margin: 0 0 16px;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 18px 44px rgba(17, 54, 64, .1);
}

.vg-message-image-link img {
    display: block;
    width: 100%;
    height: auto;
}

.vg-message-card {
    margin: 0 0 16px;
    padding: 26px;
    border: 1px solid rgba(1, 179, 191, .16);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(17, 54, 64, .08);
}

.vg-message-card h1,
.vg-message-card h2 {
    margin: 0 0 14px;
    color: #12353c;
    line-height: 1.22;
}

.vg-message-card h1 {
    font-size: 28px;
    font-weight: 800;
}

.vg-message-card h2 {
    font-size: 22px;
    font-weight: 800;
}

.vg-message-card p,
.vg-message-card div {
    line-height: 1.7;
}

.vg-message-card a,
.vg-message-footer a,
.vg-message-telegram a {
    color: #0676d8;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}

.vg-message-content img {
    max-width: 100%;
    height: auto;
    margin: 0 auto 18px;
    border-radius: 16px;
}

.vg-message-gifts {
    padding: 18px;
    border-radius: 14px;
    background: #f2fbfc;
    color: #24474f;
}

.vg-message-order ol {
    display: grid;
    gap: 14px;
    margin: 0;
    padding-left: 22px;
}

.vg-message-order li span {
    display: block;
    margin-bottom: 5px;
}

.vg-message-telegram,
.vg-message-footer {
    margin: 0 0 16px;
    padding: 22px;
    border-radius: 18px;
    background: #12353c;
    color: #ffffff;
    text-align: center;
}

.vg-message-telegram h2 {
    margin: 0 0 14px;
    color: #ffffff;
    font-size: 22px;
}

.vg-message-telegram a,
.vg-message-footer a {
    display: inline-flex;
    margin: 5px;
    color: #d6fbff;
}

.vg-message-footer {
    background: #ffffff;
    color: #48646a;
    border: 1px solid rgba(1, 179, 191, .16);
}

.vg-message-footer p {
    margin: 0 0 10px;
    color: #12353c;
    font-weight: 700;
}

.vg-message-footer small {
    display: block;
    margin-top: 10px;
    font-size: 12px;
}

.vg-message-certificate-hero {
    display: grid;
    grid-template-columns: 48% 1fr;
    gap: 22px;
    align-items: center;
    margin: 0 0 16px;
    padding: 18px;
    border: 1px solid rgba(1, 179, 191, .16);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 18px 44px rgba(17, 54, 64, .1);
}

.vg-message-certificate-hero img {
    width: 100%;
    height: auto;
    border-radius: 18px;
}

.vg-message-certificate-hero span {
    color: #0495a2;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vg-message-certificate-hero h1 {
    margin: 8px 0 12px;
    color: #12353c;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.12;
}

.vg-message-certificate-hero p {
    margin: 0;
    color: #48646a;
    line-height: 1.65;
}

.vg-message-certificate-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
    gap: 16px;
}

.vg-message-card.is-accent {
    background: linear-gradient(135deg, #12353c, #0b717c);
    color: #ffffff;
}

.vg-message-card.is-accent h2,
.vg-message-card.is-accent a {
    color: #ffffff;
}

.vg-message-certificate-value {
    display: block;
    margin: 12px 0;
    font-size: 46px;
    line-height: 1;
}

.vg-message-price {
    display: grid;
    gap: 8px;
    margin-bottom: 18px;
    padding: 16px;
    border-radius: 14px;
    background: #f2fbfc;
}

.vg-message-price span,
.vg-message-price em {
    color: #5a7176;
}

.vg-message-price del {
    color: #9ca9ad;
    font-size: 22px;
}

.vg-message-price strong {
    color: #0b717c;
    font-size: 36px;
}

@media (max-width: 760px) {
    .vg-message-page {
        padding: 12px 10px 42px;
    }

    .vg-message-nav {
        justify-content: flex-start;
        border-radius: 14px;
    }

    .vg-message-nav a {
        padding: 8px 10px;
        font-size: 13px;
    }

    .vg-message-card {
        padding: 18px;
        border-radius: 16px;
    }

    .vg-message-card h1 {
        font-size: 24px;
    }

    .vg-message-card h2,
    .vg-message-telegram h2 {
        font-size: 20px;
    }

    .vg-message-certificate-hero,
    .vg-message-certificate-grid {
        grid-template-columns: 1fr;
    }

    .vg-message-certificate-hero {
        padding: 14px;
        border-radius: 18px;
    }

    .vg-message-certificate-hero h1 {
        font-size: 27px;
    }
}

.vg-media-library {
    min-height: 70vh;
    padding: 0 18px 64px;
    background: #f5fbfc;
    color: #183a42;
}

.vg-media-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: end;
    max-width: 1180px;
    margin: 0 auto;
    padding: 48px 0 22px;
}

.vg-media-hero span,
.vg-media-detail__content > span {
    display: inline-flex;
    margin-bottom: 10px;
    color: #078f9b;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vg-media-hero h1 {
    margin: 0 0 10px;
    color: #12353c;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.16;
}

.vg-media-hero p {
    max-width: 760px;
    margin: 0;
    color: #4c666c;
    font-size: 17px;
    line-height: 1.65;
}

.vg-media-hero__actions,
.vg-media-detail__links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.vg-media-hero__actions a,
.vg-media-detail__links a,
.vg-media-cta a {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border: 1px solid rgba(1, 179, 191, .24);
    border-radius: 999px;
    background: #ffffff;
    color: #0676d8;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(17, 54, 64, .08);
}

.vg-media-hero__actions a.is-primary,
.vg-media-cta a {
    border-color: #01b3bf;
    background: #01b3bf;
    color: #ffffff;
}

.vg-media-top-image {
    display: block;
    width: min(1180px, 100%);
    height: auto;
    margin: 0 auto 24px;
    border-radius: 18px;
    box-shadow: 0 18px 48px rgba(17, 54, 64, .12);
}

.vg-media-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    max-width: 1180px;
    margin: 0 auto;
}

.vg-media-card {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    min-height: 132px;
    overflow: hidden;
    border: 1px solid rgba(1, 179, 191, .14);
    border-radius: 18px;
    background: #ffffff;
    color: #183a42;
    text-decoration: none;
    box-shadow: 0 16px 38px rgba(17, 54, 64, .08);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.vg-media-card:hover {
    border-color: rgba(1, 179, 191, .42);
    transform: translateY(-2px);
    box-shadow: 0 22px 52px rgba(17, 54, 64, .12);
}

.vg-media-card img {
    width: 100%;
    height: 100%;
    min-height: 132px;
    object-fit: cover;
    background: #e8f6f8;
}

.vg-media-library--video .vg-media-card img {
    object-fit: contain;
    padding: 8px;
}

.vg-media-library--video .vg-media-card {
    grid-template-columns: 1fr;
    grid-template-rows: 156px auto;
}

.vg-media-library--video .vg-media-card img {
    min-height: 0;
    height: 156px;
    border-bottom: 1px solid rgba(1, 179, 191, .12);
}

.vg-media-card > div {
    display: grid;
    gap: 8px;
    align-content: center;
    padding: 14px;
}

.vg-media-card span {
    width: fit-content;
    padding: 4px 9px;
    border-radius: 999px;
    background: #e8f9fb;
    color: #078f9b;
    font-size: 12px;
    font-weight: 800;
}

.vg-media-card strong {
    color: #173a42;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}

.vg-media-card em {
    color: #0676d8;
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
}

.vg-media-detail {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
    gap: 22px;
    max-width: 1180px;
    margin: 0 auto;
    align-items: start;
}

.vg-media-player,
.vg-media-detail__content,
.vg-media-cta,
.vg-media-empty {
    border: 1px solid rgba(1, 179, 191, .16);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 20px 58px rgba(17, 54, 64, .1);
}

.vg-media-player {
    overflow: hidden;
    padding: 16px;
}

.vg-media-player video,
.vg-media-player iframe,
.vg-media-player__poster {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 16px;
    background: #e8f6f8;
}

.vg-media-player video,
.vg-media-player iframe {
    aspect-ratio: 16 / 9;
    height: auto;
}

.vg-media-player__poster {
    height: auto;
    max-height: 560px;
    object-fit: contain;
}

.vg-media-player audio {
    width: 100%;
    margin-top: 14px;
}

.vg-media-detail__content {
    padding: 24px;
}

.vg-media-detail__content h2 {
    margin: 0 0 16px;
    color: #12353c;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.22;
}

.vg-media-info {
    margin-top: 18px;
    color: #415e65;
    font-size: 16px;
    line-height: 1.75;
    white-space: pre-line;
}

.vg-media-info a,
.vg-media-detail__content a {
    color: #0676d8;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.vg-media-cta {
    margin-top: 18px;
    padding: 18px;
    background: #f1fbfc;
}

.vg-media-cta p {
    margin: 0 0 12px;
    color: #35545b;
    line-height: 1.6;
}

.vg-media-empty {
    grid-column: 1 / -1;
    padding: 28px;
    color: #4c666c;
    text-align: center;
}

@media (max-width: 980px) {
    .vg-media-hero,
    .vg-media-detail {
        grid-template-columns: 1fr;
    }

    .vg-media-hero {
        align-items: start;
        padding-top: 34px;
    }

    .vg-media-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .vg-media-library {
        padding: 0 12px 44px;
    }

    .vg-media-hero h1 {
        font-size: 28px;
    }

    .vg-media-hero p {
        font-size: 15px;
    }

    .vg-media-grid {
        grid-template-columns: 1fr;
    }

    .vg-media-card {
        grid-template-columns: 96px minmax(0, 1fr);
        min-height: 118px;
        border-radius: 16px;
    }

    .vg-media-card img {
        min-height: 118px;
    }

    .vg-media-card strong {
        font-size: 14px;
    }

    .vg-media-player,
    .vg-media-detail__content {
        padding: 12px;
        border-radius: 16px;
    }

    .vg-media-detail__content h2 {
        font-size: 22px;
    }
}

.vg-registration-page {
    padding: 0 18px 64px;
    background:
        linear-gradient(180deg, rgba(244, 252, 252, .96), rgba(255, 255, 255, .98)),
        url("/pic/content/actividan/header.png") center top / cover no-repeat;
    color: #173a42;
}

.vg-registration-hero,
.vg-registration-form {
    max-width: 1120px;
    margin: 0 auto;
}

.vg-registration-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 22px;
    align-items: end;
    padding: 38px 0 18px;
}

.vg-registration-hero span {
    display: inline-flex;
    margin-bottom: 8px;
    color: #08707e;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.vg-registration-hero h1 {
    max-width: 760px;
    margin: 0 0 10px;
    color: #143942;
    font-size: 36px;
    font-weight: 650;
    line-height: 1.12;
}

.vg-registration-hero p {
    max-width: 760px;
    margin: 0;
    color: #45636a;
    font-size: 17px;
    line-height: 1.6;
}

.vg-registration-hero__sponsor {
    display: grid;
    gap: 5px;
    padding: 18px;
    border: 1px solid rgba(8, 112, 126, .14);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 16px 42px rgba(20, 57, 66, .08);
}

.vg-registration-hero__sponsor strong {
    color: #143942;
    font-size: 15px;
}

.vg-registration-hero__sponsor span {
    margin: 0;
    color: #5a7379;
    font-size: 13px;
    font-weight: 500;
    text-transform: none;
}

.vg-registration-hero__sponsor b {
    color: #08707e;
    font-size: 24px;
}

.vg-registration-form {
    display: grid;
    gap: 18px;
}

.vg-registration-panel {
    overflow: hidden;
    border: 1px solid rgba(8, 112, 126, .14);
    border-radius: 8px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 18px 48px rgba(20, 57, 66, .08);
}

.vg-registration-panel__head {
    padding: 16px 20px;
    border-bottom: 1px solid rgba(8, 112, 126, .12);
    background: #eaf8f9;
}

.vg-registration-panel__head h2 {
    margin: 0;
    color: #143942;
    font-size: 20px;
    font-weight: 650;
}

.vg-registration-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    padding: 20px;
}

.vg-registration-grid--sponsor {
    grid-template-columns: minmax(240px, 360px) minmax(0, 1fr);
    align-items: stretch;
}

.vg-registration-field {
    display: grid;
    gap: 7px;
    min-width: 0;
    margin: 0;
}

.vg-registration-field span,
.vg-registration-birthday legend {
    color: #274d55;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
}

.vg-registration-field b,
.vg-registration-birthday b {
    color: #dd2c2c;
}

.vg-registration-field em {
    font-style: normal;
    font-weight: 650;
}

.vg-registration-field em.is-ok {
    color: #138d43;
}

.vg-registration-field em.is-bad {
    color: #c93434;
}

.vg-registration-field input,
.vg-registration-field select,
.vg-registration-birthday select {
    width: 100%;
    min-height: 42px;
    padding: 9px 11px;
    border: 1px solid #cfe1e4;
    border-radius: 6px;
    background: #ffffff;
    color: #173a42;
    font-size: 15px;
    line-height: 1.2;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.vg-registration-field input:focus,
.vg-registration-field select:focus,
.vg-registration-birthday select:focus {
    border-color: #18b9c1;
    box-shadow: 0 0 0 3px rgba(24, 185, 193, .15);
}

.vg-registration-field input[readonly] {
    background: #eef7f8;
    color: #2d5b63;
}

.vg-registration-sponsor-name {
    display: grid;
    align-content: center;
    gap: 6px;
    padding: 14px 16px;
    border: 1px dashed #bddce0;
    border-radius: 8px;
    background: #f7fcfd;
}

.vg-registration-sponsor-name span {
    color: #5a7379;
    font-size: 13px;
}

.vg-registration-sponsor-name strong {
    color: #143942;
    font-size: 17px;
    line-height: 1.35;
}

.vg-registration-birthday {
    padding: 0;
    border: 0;
}

.vg-registration-birthday div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.vg-registration-hint {
    margin: -4px 20px 20px;
    color: #5d747a;
    font-size: 14px;
    line-height: 1.55;
}

.vg-registration-agreement {
    display: block;
    width: calc(100% - 40px);
    min-height: 170px;
    margin: 20px;
    padding: 14px;
    resize: vertical;
    border: 1px solid #d4e4e7;
    border-radius: 8px;
    background: #f8fcfd;
    color: #385962;
    font-family: var(--font-vg-text);
    font-size: 14px;
    line-height: 1.6;
}

.vg-registration-accept {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 0 20px 18px;
    color: #274d55;
    font-size: 15px;
    line-height: 1.4;
}

.vg-registration-accept input {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    accent-color: #18b9c1;
}

.vg-registration-submit {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin: 0 20px 22px;
    padding: 11px 22px;
    border: 0;
    border-radius: 6px;
    background: #18b9c1;
    color: #ffffff;
    font-size: 16px;
    font-weight: 650;
    cursor: pointer;
    box-shadow: 0 14px 28px rgba(24, 185, 193, .24);
}

.vg-registration-submit:hover,
.vg-registration-submit:focus {
    background: #08707e;
}

.vg-help-consult {
    min-height: 76vh;
    padding: 0 18px 64px;
    background:
        linear-gradient(180deg, rgba(242, 251, 252, .96), rgba(255, 255, 255, .98)),
        url("/pic/content/fucoidan/fish_bg.png") center top / cover fixed;
    color: #173a42;
}

.vg-help-consult__shell {
    max-width: 1020px;
    margin: 0 auto;
    padding-top: 38px;
}

.vg-help-consult__hero {
    margin-bottom: 18px;
}

.vg-help-consult__hero span {
    display: inline-flex;
    margin-bottom: 8px;
    color: #08707e;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
}

.vg-help-consult__hero h1 {
    max-width: 760px;
    margin: 0 0 10px;
    color: #143942;
    font-size: 36px;
    font-weight: 650;
    line-height: 1.12;
}

.vg-help-consult__hero p {
    max-width: 780px;
    margin: 0;
    color: #45636a;
    font-size: 17px;
    line-height: 1.6;
}

.vg-help-consult__card {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid rgba(8, 112, 126, .14);
    border-radius: 8px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 18px 48px rgba(20, 57, 66, .08);
}

.vg-help-consult__person {
    display: grid;
    align-content: start;
    gap: 9px;
    padding: 24px;
    background: #eaf8f9;
}

.vg-help-consult__person img {
    width: 112px;
    height: 112px;
    object-fit: cover;
    border: 4px solid #ffffff;
    border-radius: 8px;
    box-shadow: 0 12px 26px rgba(20, 57, 66, .12);
}

.vg-help-consult__person span,
.vg-help-consult__person b {
    color: #08707e;
    font-size: 13px;
    font-weight: 700;
}

.vg-help-consult__person strong {
    color: #143942;
    font-size: 21px;
    line-height: 1.25;
}

.vg-help-consult__person p {
    margin: 8px 0 0;
    color: #49676e;
    font-size: 15px;
    line-height: 1.55;
}

.vg-help-consult__form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    padding: 24px;
}

.vg-help-consult__form label,
.vg-help-consult__captcha {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.vg-help-consult__message,
.vg-help-consult__message-status,
.vg-help-consult__form button {
    grid-column: 1 / -1;
}

.vg-help-consult__form span {
    color: #274d55;
    font-size: 14px;
    font-weight: 600;
}

.vg-help-consult__form input,
.vg-help-consult__form textarea {
    width: 100%;
    min-height: 42px;
    padding: 9px 11px;
    border: 1px solid #cfe1e4;
    border-radius: 6px;
    background: #ffffff;
    color: #173a42;
    font-size: 15px;
    outline: none;
}

.vg-help-consult__form textarea {
    resize: vertical;
}

.vg-help-consult__form input:focus,
.vg-help-consult__form textarea:focus {
    border-color: #18b9c1;
    box-shadow: 0 0 0 3px rgba(24, 185, 193, .15);
}

.vg-help-consult__captcha {
    grid-template-columns: minmax(180px, 1fr) 120px 120px;
    grid-column: 1 / -1;
    align-items: end;
}

.vg-help-consult__captcha span {
    align-self: center;
}

.vg-help-consult__captcha input[readonly] {
    background: #eef7f8;
    color: #2d5b63;
    text-align: center;
}

.vg-help-consult__message-status {
    min-height: 24px;
    margin: 0;
    color: #138d43;
    font-size: 15px;
    font-weight: 650;
    text-align: center;
}

.vg-help-consult__form button {
    min-height: 44px;
    border: 0;
    border-radius: 6px;
    background: #18b9c1;
    color: #ffffff;
    font-size: 16px;
    font-weight: 650;
    cursor: pointer;
    box-shadow: 0 14px 28px rgba(24, 185, 193, .24);
}

.vg-help-consult__form button:hover,
.vg-help-consult__form button:focus {
    background: #08707e;
}

.vg-success-team {
    background: #ffffff;
    color: #183a42;
}

.vg-success-hero {
    position: relative;
    min-height: 78vh;
    overflow: hidden;
    background: #111;
}

.vg-success-hero video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vg-success-hero__overlay {
    position: relative;
    z-index: 1;
    display: grid;
    min-height: 78vh;
    grid-template-rows: auto 1fr;
    background: linear-gradient(180deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, .2) 42%, rgba(0, 0, 0, .66));
}

.vg-success-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px clamp(16px, 4vw, 48px);
    background: rgba(0, 0, 0, .42);
}

.vg-success-nav img {
    max-height: 46px;
    width: auto;
}

.vg-success-nav div {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
}

.vg-success-nav a {
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

.vg-success-hero__content {
    display: grid;
    max-width: 980px;
    align-content: center;
    justify-items: center;
    margin: 0 auto;
    padding: 42px 18px 64px;
    color: #ffffff;
    text-align: center;
}

.vg-success-hero__content h3,
.vg-success-copy h3 {
    margin: 0 0 14px;
    font-size: clamp(26px, 4vw, 44px);
    font-weight: 700;
    line-height: 1.15;
}

.vg-success-hero__content h3,
.vg-success-hero__content h4,
.vg-success-hero__content b {
    color: #ffffff !important;
    text-shadow: 0 8px 28px rgba(0, 0, 0, .45);
}

.vg-success-button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    padding: 12px 28px;
    border-radius: 6px;
    background: #23b35a;
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 16px 34px rgba(35, 179, 90, .28);
}

.vg-success-section,
.vg-success-reviews,
.vg-success-cta {
    max-width: 1120px;
    margin: 0 auto;
    padding: 44px 18px;
}

.vg-success-section {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 26px;
    text-align: center;
}

.vg-success-section--compact {
    padding-top: 10px;
}

.vg-success-copy {
    color: #385962;
}

.vg-success-copy h3 {
    color: #143942;
}

.vg-success-copy h4 {
    max-width: 960px;
    margin: 0 auto;
    color: #385962;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.75;
}

.vg-success-main-video,
.vg-success-review {
    display: block;
    overflow: hidden;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: #eaf8f9;
    cursor: pointer;
    box-shadow: 0 18px 48px rgba(20, 57, 66, .12);
}

.vg-success-main-video img,
.vg-success-review img {
    display: block;
    width: 100%;
    height: auto;
}

.vg-success-reviews {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.vg-success-cta {
    padding-top: 0;
    text-align: center;
}

.vg-success-footer-image {
    display: block;
    width: 100%;
    height: auto;
}

.vg-success-footer {
    display: grid;
    justify-items: center;
    gap: 14px;
    padding: 24px 18px;
    background: linear-gradient(180deg, #337ab7, #2e6da4);
    color: #ffffff;
    text-align: center;
}

.vg-success-footer img {
    max-width: 220px;
    height: auto;
}

.vg-success-modal {
    position: fixed;
    inset: 0;
    z-index: 2500;
    display: grid;
    place-items: center;
    padding: 22px;
    background: rgba(0, 0, 0, .72);
}

.vg-success-modal[hidden] {
    display: none;
}

.vg-success-modal__close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background: #ffffff;
    color: #143942;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
}

.vg-success-modal__frame {
    width: min(100%, 980px);
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 8px;
    background: #000000;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .35);
}

.vg-success-modal__frame iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

body.vg-success-modal-open {
    overflow: hidden;
}

.vg-office-simple {
    padding: 20px 0 56px;
}

.vg-office-simple__hero {
    display: grid;
    gap: 8px;
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid rgba(8, 112, 126, .14);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(20, 57, 66, .07);
}

.vg-office-simple__hero h1 {
    margin: 0;
    color: #143942;
    font-size: 26px;
    font-weight: 650;
}

.vg-office-simple__hero p,
.vg-office-simple__note {
    margin: 0;
    color: #506d75;
    font-size: 15px;
    line-height: 1.6;
}

.vg-office-simple__hero span {
    color: #08707e;
    font-weight: 650;
}

.vg-office-simple__cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.vg-office-simple__card,
.vg-conf-panel {
    display: grid;
    gap: 8px;
    padding: 18px;
    border: 1px solid rgba(8, 112, 126, .14);
    border-radius: 8px;
    background: #ffffff;
    color: #173a42 !important;
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(20, 57, 66, .07);
}

.vg-office-simple__card strong,
.vg-conf-panel h2 {
    margin: 0;
    color: #143942;
    font-size: 20px;
    font-weight: 650;
}

.vg-office-simple__card span,
.vg-conf-panel a {
    color: #0676d8;
    line-height: 1.5;
}

.vg-conf-panel {
    margin-bottom: 18px;
}

.vg-registration-result {
    min-height: 62vh;
    display: grid;
    place-items: center;
    padding: 72px 18px;
    background: linear-gradient(180deg, #f5fbfb 0%, #ffffff 100%);
}

.vg-registration-result__panel {
    width: min(620px, 100%);
    border: 1px solid rgba(0, 174, 190, 0.2);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 24px 60px rgba(0, 80, 90, 0.12);
    padding: clamp(28px, 5vw, 48px);
    text-align: center;
}

.vg-registration-result__panel > span {
    display: inline-flex;
    color: #008f9b;
    font: 700 12px/1.2 Manrope, sans-serif;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vg-registration-result__panel h1 {
    margin: 14px 0;
    color: #12383d;
    font: 700 clamp(26px, 4vw, 42px)/1.15 Manrope, sans-serif;
}

.vg-registration-result__panel p {
    margin: 0 auto 24px;
    max-width: 480px;
    color: #49666b;
    font: 400 16px/1.6 Inter, sans-serif;
}

.vg-registration-result__panel dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 24px;
}

.vg-registration-result__panel dl div {
    border-radius: 8px;
    background: #f2fbfb;
    padding: 14px;
}

.vg-registration-result__panel dt {
    color: #6b8589;
    font: 600 12px/1.2 Inter, sans-serif;
    text-transform: uppercase;
}

.vg-registration-result__panel dd {
    margin: 6px 0 0;
    color: #12383d;
    font: 700 20px/1.2 Manrope, sans-serif;
}

.vg-registration-result__panel button,
.vg-registration-result__panel a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    border: 0;
    border-radius: 8px;
    background: #00aebb;
    color: #ffffff;
    padding: 0 24px;
    font: 700 15px/1 Inter, sans-serif;
    text-decoration: none;
    cursor: pointer;
}

.vg-registration-result__panel.is-error {
    border-color: rgba(190, 55, 55, 0.22);
}

.vg-registration-result__panel.is-error > span {
    color: #b53535;
}

.vg-office-table-wrap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid rgba(8, 112, 126, .12);
    border-radius: 8px;
    background: #ffffff;
}

.vg-office-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.vg-office-table th,
.vg-office-table td {
    padding: 10px;
    border-bottom: 1px solid #e1eef0;
    color: #284f58;
    text-align: center;
    vertical-align: middle;
}

.vg-office-table th {
    background: #eaf8f9;
    color: #143942;
    font-weight: 650;
}

.vg-inline-form {
    display: inline-flex;
    gap: 8px;
    align-items: center;
}

.vg-inline-form input {
    width: 120px;
    min-height: 36px;
    padding: 7px 9px;
    border: 1px solid #cfe1e4;
    border-radius: 6px;
}

.vg-inline-form button {
    min-height: 36px;
    padding: 7px 12px;
    border: 0;
    border-radius: 6px;
    background: #18b9c1;
    color: #ffffff;
    font-weight: 650;
}

.vg-office-form {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 22px;
    padding: 18px;
    border: 1px solid rgba(8, 112, 126, .14);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(20, 57, 66, .07);
}

.vg-office-form--wide {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.vg-office-form label {
    display: grid;
    gap: 7px;
    color: #254b54;
    font-size: 13px;
    font-weight: 650;
}

.vg-office-form label.is-wide {
    grid-column: 1 / -1;
}

.vg-office-form input,
.vg-office-form select {
    width: 100%;
    min-height: 42px;
    border: 1px solid #cfe1e4;
    border-radius: 7px;
    background: #ffffff;
    color: #143942;
    padding: 9px 11px;
    font: 500 15px/1.2 Inter, sans-serif;
}

.vg-office-form button {
    align-self: end;
    min-height: 42px;
    border: 0;
    border-radius: 7px;
    background: #00aebb;
    color: #ffffff;
    padding: 0 18px;
    font: 700 15px/1 Inter, sans-serif;
    cursor: pointer;
}

@media (max-width: 900px) {
    .vg-registration-hero,
    .vg-registration-grid,
    .vg-registration-grid--sponsor,
    .vg-help-consult__card,
    .vg-success-reviews,
    .vg-office-simple__cards,
    .vg-office-form,
    .vg-office-form--wide {
        grid-template-columns: 1fr;
    }

    .vg-success-nav {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 620px) {
    .vg-registration-page {
        padding: 0 12px 44px;
    }

    .vg-registration-hero {
        padding-top: 30px;
    }

    .vg-registration-hero h1 {
        font-size: 29px;
    }

    .vg-registration-grid {
        gap: 13px;
        padding: 16px;
    }

    .vg-registration-panel__head {
        padding: 14px 16px;
    }

    .vg-registration-agreement {
        width: calc(100% - 32px);
        margin: 16px;
    }

    .vg-registration-accept,
    .vg-registration-submit {
        margin-left: 16px;
        margin-right: 16px;
    }

    .vg-registration-result__panel dl {
        grid-template-columns: 1fr;
    }

    .vg-help-consult {
        padding: 0 12px 44px;
        background-attachment: scroll;
    }

    .vg-help-consult__shell {
        padding-top: 30px;
    }

    .vg-help-consult__hero h1 {
        font-size: 29px;
    }

    .vg-help-consult__person,
    .vg-help-consult__form {
        padding: 16px;
    }

    .vg-help-consult__form,
    .vg-help-consult__captcha {
        grid-template-columns: 1fr;
    }

    .vg-success-hero,
    .vg-success-hero__overlay {
        min-height: 640px;
    }

    .vg-success-nav div {
        justify-content: flex-start;
    }

    .vg-success-section,
    .vg-success-reviews,
    .vg-success-cta {
        padding-left: 12px;
        padding-right: 12px;
    }
}

.vg-pro-actividan {
    min-height: 80vh;
    padding: 0 18px 64px;
    background:
        linear-gradient(180deg, rgba(245, 251, 252, .94), rgba(245, 251, 252, .98)),
        url("/pic/content/fucoidan/fish_bg.png") center top / cover fixed;
    color: #183a42;
}

.vg-pro-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 460px);
    gap: 32px;
    align-items: center;
    max-width: 1180px;
    margin: 0 auto;
    padding: 54px 0 32px;
}

.vg-pro-hero__copy span,
.vg-pro-section__heading span {
    display: inline-flex;
    margin-bottom: 10px;
    color: #078f9b;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vg-pro-hero h1 {
    max-width: 760px;
    margin: 0 0 12px;
    color: #12353c;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.12;
}

.vg-pro-hero p {
    max-width: 680px;
    margin: 0 0 20px;
    color: #4c666c;
    font-size: 17px;
    line-height: 1.65;
}

.vg-pro-hero > img {
    width: 100%;
    height: auto;
    justify-self: center;
    filter: drop-shadow(0 24px 42px rgba(17, 54, 64, .12));
}

.vg-pro-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.vg-pro-hero__actions a,
.vg-pro-inline-button,
.vg-pro-cta a {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    border-radius: 999px;
    background: #01b3bf;
    color: #ffffff !important;
    font-weight: 800;
    text-decoration: none !important;
    box-shadow: 0 14px 30px rgba(1, 179, 191, .2);
}

.vg-pro-hero__actions a:nth-child(odd) {
    background: #ffffff;
    color: #0676d8 !important;
}

.vg-pro-section,
.vg-pro-product,
.vg-pro-cta-grid,
.vg-pro-footer-note {
    max-width: 1180px;
    margin: 0 auto 22px;
}

.vg-pro-section {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.vg-pro-section__heading {
    position: sticky;
    top: 82px;
    padding: 18px;
    border: 1px solid rgba(1, 179, 191, .16);
    border-radius: 16px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 14px 34px rgba(17, 54, 64, .08);
}

.vg-pro-section__heading h2 {
    margin: 0;
    color: #12353c;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}

.vg-pro-content,
.vg-pro-product,
.vg-pro-cta,
.vg-pro-footer-note {
    overflow: hidden;
    border: 1px solid rgba(1, 179, 191, .15);
    border-radius: 18px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 20px 58px rgba(17, 54, 64, .09);
}

.vg-pro-content {
    padding: 24px;
}

.vg-pro-content .container-fluid {
    width: 100%;
    padding: 0;
}

.vg-pro-content .row {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin: 0;
}

.vg-pro-content [class*="col-"] {
    float: none;
    width: auto;
    min-width: 0;
    padding: 0;
    flex: 1 1 260px;
}

.vg-pro-content .col-lg-12,
.vg-pro-content .col-md-12,
.vg-pro-content .col-sm-12,
.vg-pro-content .col-xs-12 {
    flex-basis: 100%;
}

.vg-pro-content .col-lg-6,
.vg-pro-content .col-md-6 {
    flex-basis: min(100%, calc(50% - 9px));
}

.vg-pro-content .col-lg-4,
.vg-pro-content .col-md-4,
.vg-pro-content .col-sm-4,
.vg-pro-content .col-xs-4 {
    flex: 1 1 calc(33.333% - 12px);
}

.vg-pro-content h1,
.vg-pro-content h2,
.vg-pro-content h3,
.vg-pro-content h4,
.vg-pro-content p,
.vg-pro-content div {
    font-family: var(--font-vg-text) !important;
}

.vg-pro-content h1 {
    font-size: 42px !important;
    line-height: 1.1 !important;
}

.vg-pro-content h3 {
    margin-top: 0;
    font-size: 24px !important;
    line-height: 1.25 !important;
}

.vg-pro-content h4 {
    margin: 0;
    color: #2d4b52;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.72 !important;
}

.vg-pro-content img {
    max-width: 100%;
    height: auto;
}

.vg-pro-content a {
    color: #0676d8;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.vg-pro-product {
    padding: 18px;
    text-align: center;
}

.vg-pro-product img {
    width: min(100%, 980px);
    height: auto;
    border-radius: 14px;
}

.vg-pro-cta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.vg-pro-cta {
    padding: 24px;
    background: #ffffff;
}

.vg-pro-cta p {
    margin: 0 0 14px;
    color: #35545b;
    font-size: 16px;
    line-height: 1.65;
}

.vg-pro-footer-note {
    padding: 22px;
    background: linear-gradient(135deg, #12353c, #0b717c);
    color: #ffffff;
    text-align: center;
}

.vg-pro-footer-note p {
    max-width: 860px;
    margin: 0 auto 12px;
    line-height: 1.6;
}

.vg-pro-footer-note img {
    height: 82px;
    width: auto;
}

@media (max-width: 900px) {
    .vg-pro-hero,
    .vg-pro-section,
    .vg-pro-cta-grid {
        grid-template-columns: 1fr;
    }

    .vg-pro-section__heading {
        position: static;
    }

    .vg-pro-content .col-lg-6,
    .vg-pro-content .col-md-6,
    .vg-pro-content .col-lg-4,
    .vg-pro-content .col-md-4,
    .vg-pro-content .col-sm-4,
    .vg-pro-content .col-xs-4 {
        flex-basis: 100%;
    }
}

@media (max-width: 620px) {
    .vg-pro-actividan {
        padding: 0 12px 44px;
        background-attachment: scroll;
    }

    .vg-pro-hero {
        padding-top: 34px;
    }

    .vg-pro-hero h1 {
        font-size: 29px;
    }

    .vg-pro-content {
        padding: 18px;
    }

    .vg-pro-content h1 {
        font-size: 32px !important;
    }
}