/* HACKER WEB — GLOBAL HEADER V1 */
.hwg-header{position:relative;z-index:1000000;width:100%;padding:5px 40px 0;color:#f5f8f6;font-family:inherit;box-sizing:border-box}
.hwg-header *{box-sizing:border-box}
.hwg-bar{width:min(1400px,100%);min-height:64px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;background:rgba(4,8,10,.86);border:1px solid rgba(255,255,255,.14);border-radius:15px;box-shadow:0 12px 35px rgba(0,0,0,.20);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
.hwg-logo{color:#f7faf8!important;text-decoration:none!important;font-size:18px;font-weight:900;letter-spacing:-.03em;white-space:nowrap}
.hwg-logo span{color:#8cff00}
.hwg-nav{display:flex;justify-content:center;align-items:center;gap:34px}
.hwg-nav>a,.hwg-services-trigger{color:#eef3f0!important;text-decoration:none!important;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.16em;white-space:nowrap}
.hwg-nav>a:hover,.hwg-services-trigger:hover{color:#9cff62!important}
.hwg-services{position:relative;display:flex;align-items:center}
.hwg-services-trigger{display:flex;align-items:center;gap:7px}
.hwg-caret{font-size:9px;opacity:.66;transition:transform .18s ease}
.hwg-services:hover .hwg-caret,.hwg-services:focus-within .hwg-caret{transform:rotate(180deg)}
.hwg-dropdown{position:absolute;top:calc(100% + 18px);left:50%;width:235px;padding:9px;transform:translateX(-50%) translateY(7px);opacity:0;visibility:hidden;pointer-events:none;z-index:1000002;background:rgba(5,10,12,.97);border:1px solid rgba(99,255,180,.20);border-radius:17px;box-shadow:0 24px 65px rgba(0,0,0,.48);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.hwg-dropdown:before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.hwg-services:hover .hwg-dropdown,.hwg-services:focus-within .hwg-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.hwg-dropdown a{display:flex!important;align-items:center;justify-content:space-between;padding:10px 12px!important;margin:1px 0;border-radius:10px;color:#edf3ef!important;text-decoration:none!important;font-size:12px!important;font-weight:700;line-height:1.25;letter-spacing:.10em;text-transform:uppercase}
.hwg-dropdown a:hover{background:rgba(99,255,180,.09)!important;color:#7effbd!important}
.hwg-dropdown a.hwg-elementor{margin-top:7px!important;padding-top:13px!important;border-top:1px solid rgba(255,255,255,.08);color:#ff79ed!important}
.hwg-dropdown a.hwg-elementor span{color:#ff47e6}
.hwg-actions{display:flex;align-items:center;gap:18px;white-space:nowrap}
.hwg-client{color:#edf3ef!important;text-decoration:none!important;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.08em;padding:9px 12px;border:1px solid rgba(140,255,0,.38);border-radius:9px}
.hwg-langs{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;text-transform:uppercase}
.hwg-langs a{color:#e9efeb!important;text-decoration:none!important}
.hwg-langs b{color:#9cff00}
.hwg-langs i{font-style:normal;color:rgba(255,255,255,.35)}
.hwg-cta{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 21px;border:1px solid #8cff00;border-radius:10px;color:#fff!important;text-decoration:none!important;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.10em}
.hwg-mobile{display:none;position:relative}
.hwg-mobile>summary{list-style:none;cursor:pointer;color:#fff;font-size:22px;line-height:1;padding:8px 4px}
.hwg-mobile>summary::-webkit-details-marker{display:none}
.hwg-mobile-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(320px,calc(100vw - 36px));padding:12px;background:rgba(5,10,12,.98);border:1px solid rgba(255,255,255,.12);border-radius:15px;box-shadow:0 22px 60px rgba(0,0,0,.5)}
.hwg-mobile-panel>a,.hwg-mobile-services>summary{display:block;padding:12px;border-radius:9px;color:#f2f6f3!important;text-decoration:none!important;text-transform:uppercase;font-size:12px;font-weight:750;letter-spacing:.10em;cursor:pointer}
.hwg-mobile-panel>a:hover,.hwg-mobile-services>summary:hover{background:rgba(99,255,180,.08)}
.hwg-mobile-services>summary{list-style:none}
.hwg-mobile-services>summary::-webkit-details-marker{display:none}
.hwg-mobile-sub{padding:2px 0 8px 12px}
.hwg-mobile-sub a{display:block;padding:9px 11px;color:#aebbb5!important;text-decoration:none!important;font-size:12px}
.hwg-mobile-sub a.hwg-elementor{color:#ff79ed!important}
.hwg-mobile-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 6px 4px;border-top:1px solid rgba(255,255,255,.08);margin-top:6px}
.hwg-mobile-meta .hwg-client,.hwg-mobile-meta .hwg-cta{font-size:10px}
@media(max-width:1180px){.hwg-nav{gap:22px}.hwg-actions{gap:10px}.hwg-client{display:none}}
@media(max-width:980px){.hwg-header{padding:6px 14px 0}.hwg-bar{min-height:58px;padding:0 18px;grid-template-columns:auto 1fr auto}.hwg-nav,.hwg-actions{display:none}.hwg-mobile{display:block;grid-column:3}}

/* WEBHVA GLOBAL HEADER CLIENT AREA HOTFIX V1 */

.hwg-client-area {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 44px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(179, 255, 0, 0.70) !important;
    border-radius: 14px !important;
    background: rgba(8, 12, 18, 0.72) !important;
    color: #f7fbf9 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-shadow:
        inset 0 0 0 1px rgba(179, 255, 0, 0.08),
        0 0 0 1px rgba(0, 0, 0, 0.16) !important;
}

.hwg-client-area:hover,
.hwg-client-area:focus-visible {
    color: #ffffff !important;
    border-color: rgba(179, 255, 0, 0.95) !important;
    background: rgba(10, 16, 22, 0.90) !important;
}

.hwg-client-area::before,
.hwg-client-area::after {
    content: "" !important;
    position: absolute !important;
    top: 7px !important;
    width: 10px !important;
    height: 10px !important;
    pointer-events: none !important;
}

.hwg-client-area::before {
    left: 7px !important;
    border-top: 1px solid rgba(179, 255, 0, 0.85) !important;
    border-left: 1px solid rgba(179, 255, 0, 0.85) !important;
}

.hwg-client-area::after {
    right: 7px !important;
    border-top: 1px solid rgba(179, 255, 0, 0.85) !important;
    border-right: 1px solid rgba(179, 255, 0, 0.85) !important;
}

.hwg-client-area__icon {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
    display: inline-block !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px 14px !important;
    opacity: 0.95 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23F7FBF9' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3C/svg%3E") !important;
}

.hwg-client-area__label {
    display: inline-block !important;
    line-height: 1 !important;
}

.hwg-lang-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

.hwg-lang-ua,
.hwg-lang-en {
    font-size: 13px !important;
}

.hwg-lang-ru {
    font-size: 10px !important;
    text-transform: lowercase !important;
    letter-spacing: 0.10em !important;
    opacity: 0.90 !important;
}


/* WEBHVA CLIENT AREA EXACT BRACKETS FIX V2 */

.hwg-client-area {
    position: relative !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    min-height: 38px !important;
    padding: 0 18px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    color: #f5f7f7 !important;
}

/* LEFT BRACKET */
.hwg-client-area::before {
    content: "" !important;
    position: absolute !important;

    left: 0 !important;
    top: 0 !important;

    width: 12px !important;
    height: 100% !important;

    border-left: 1px solid #8cff00 !important;
    border-top: 1px solid #8cff00 !important;
    border-bottom: 1px solid #8cff00 !important;
    border-right: 0 !important;

    border-radius: 0 !important;
    pointer-events: none !important;
}

/* RIGHT BRACKET */
.hwg-client-area::after {
    content: "" !important;
    position: absolute !important;

    right: 0 !important;
    top: 0 !important;
    left: auto !important;

    width: 12px !important;
    height: 100% !important;

    border-right: 1px solid #8cff00 !important;
    border-top: 1px solid #8cff00 !important;
    border-bottom: 1px solid #8cff00 !important;
    border-left: 0 !important;

    border-radius: 0 !important;
    pointer-events: none !important;
}

.hwg-client-area:hover,
.hwg-client-area:focus-visible {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.hwg-client-area__icon {
    width: 13px !important;
    height: 13px !important;
    flex: 0 0 13px !important;
    background-size: 13px 13px !important;
}

.hwg-client-area__label {
    font-size: 11px !important;
    line-height: 1 !important;
    letter-spacing: .10em !important;
}

/* RU саме маленьке, як на еталоні */
.hwg-lang-ru {
    font-size: 9px !important;
    text-transform: lowercase !important;
    letter-spacing: .08em !important;
    opacity: .78 !important;
}


/* WEBHVA CLIENT AREA EXACT REFERENCE V3 */

.hwg-client-area {
    position: relative !important;

    width: 122px !important;
    min-width: 122px !important;
    height: 38px !important;
    min-height: 38px !important;

    padding: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    color: #f5f7f7 !important;

    background:
        linear-gradient(#78c900,#78c900) left top / 11px 1px no-repeat,
        linear-gradient(#78c900,#78c900) left top / 1px 9px no-repeat,

        linear-gradient(#78c900,#78c900) right top / 11px 1px no-repeat,
        linear-gradient(#78c900,#78c900) right top / 1px 9px no-repeat,

        linear-gradient(#78c900,#78c900) left bottom / 11px 1px no-repeat,
        linear-gradient(#78c900,#78c900) left bottom / 1px 9px no-repeat,

        linear-gradient(#78c900,#78c900) right bottom / 11px 1px no-repeat,
        linear-gradient(#78c900,#78c900) right bottom / 1px 9px no-repeat !important;
}

/* прибираємо попередні суцільні бокові brackets */
.hwg-client-area::before,
.hwg-client-area::after {
    content: none !important;
    display: none !important;
}

.hwg-client-area:hover,
.hwg-client-area:focus-visible {
    border: 0 !important;
    box-shadow: none !important;

    background:
        linear-gradient(#8cff00,#8cff00) left top / 11px 1px no-repeat,
        linear-gradient(#8cff00,#8cff00) left top / 1px 9px no-repeat,

        linear-gradient(#8cff00,#8cff00) right top / 11px 1px no-repeat,
        linear-gradient(#8cff00,#8cff00) right top / 1px 9px no-repeat,

        linear-gradient(#8cff00,#8cff00) left bottom / 11px 1px no-repeat,
        linear-gradient(#8cff00,#8cff00) left bottom / 1px 9px no-repeat,

        linear-gradient(#8cff00,#8cff00) right bottom / 11px 1px no-repeat,
        linear-gradient(#8cff00,#8cff00) right bottom / 1px 9px no-repeat !important;
}

.hwg-client-area__icon {
    width: 13px !important;
    height: 13px !important;
    flex: 0 0 13px !important;
    background-size: 13px 13px !important;
}

.hwg-client-area__label {
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;
}

/* RU лишаємо маленьким */
.hwg-lang-ru {
    font-size: 9px !important;
    text-transform: lowercase !important;
    letter-spacing: .08em !important;
    opacity: .78 !important;
}