/*
        ============================================================
        RESET
        ============================================================
        */

        .bhtk-landing {
            width: 100%;
        }


        /*
        ============================================================
        MAIN HERO
        ============================================================
        */

        .bhtk-landing-hero {
            text-align: center;
            padding: 55px 20px 45px;
        }


        /*
        ============================================================
        LOGO
        ============================================================
        */

        .bhtk-landing-logo {
            display: inline-block;
            margin-bottom: 25px;
            font-size: 34px;
            line-height: 1;
            font-weight: 800;
            text-decoration: none;
            letter-spacing: -1.5px;
        }

        .bhtk-landing-logo .logo-white {
            color: #ffffff;
        }

        .bhtk-landing-logo .bh-logo-i {
            color: #ff117b;
        }

        .bhtk-landing-logo .logo-pink {
            color: #ff117b;
        }

        .bhtk-landing-logo:hover {
            text-decoration: none;
        }


        /*
        ============================================================
        HERO H1
        ============================================================
        */

        .bhtk-landing-hero h1 {
            margin: 0 auto 15px;
            max-width: 850px;
            font-size: clamp(30px, 5vw, 46px);
            line-height: 1.15;
            font-weight: 800;
        }


        /*
        ============================================================
        HERO INTRO
        ============================================================
        */

        .bhtk-landing-intro {
            max-width: 760px;
            margin: 0 auto 28px;
            color: #a9a9a9;
            font-size: 17px;
            line-height: 1.7;
        }


        /*
        ============================================================
        SEARCH
        ============================================================
        */

        .bhtk-search {
            display: flex;
            width: 100%;
            max-width: 680px;
            margin: 0 auto;
            position: relative;
        }

        .bhtk-search input {
            width: 100%;
            min-height: 56px;
            padding: 0 62px 0 20px;
            border: 1px solid #303030;
            border-radius: 8px;
            outline: none;
            background: #151515;
            color: #ffffff;
            font-size: 16px;
            transition:
                border-color .2s ease,
                box-shadow .2s ease;
        }

        .bhtk-search input::placeholder {
            color: #888;
        }

        .bhtk-search input:focus {
            border-color: #ff117b;
            box-shadow: 0 0 0 3px rgba(255,17,123,.12);
        }

        .bhtk-search button {
            position: absolute;
            top: 7px;
            right: 7px;
            width: 42px;
            height: 42px;
            border: 0;
            border-radius: 6px;
            background: #ff117b;
            color: #ffffff;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition:
                opacity .2s ease,
                transform .2s ease;
        }

        .bhtk-search button:hover {
            opacity: .88;
            transform: translateY(-1px);
        }

        .bhtk-search svg {
            width: 19px;
            height: 19px;
        }


        /*
        ============================================================
        SOCIAL BUTTONS
        ============================================================
        */

        .bhtk-social {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
            margin: 25px auto 25px;
        }

        .bhtk-social a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
            min-height: 42px;
            padding: 10px 16px;
            border-radius: 6px;
            color: #ffffff;
            text-decoration: none;
            font-size: 14px;
            font-weight: 600;
            transition:
                opacity .2s ease,
                transform .2s ease;
        }

        .bhtk-social a:hover {
            color: #ffffff;
            opacity: .85;
            transform: translateY(-2px);
        }

        .bhtk-social svg {
            width: 17px;
            height: 17px;
            fill: currentColor;
        }

        .bhtk-facebook {
            background: #4267b2;
        }

        .bhtk-twitter {
            background: #1da1f2;
        }

        .bhtk-whatsapp {
            background: #23b158;
        }

        .bhtk-telegram {
            background: #08c;
        }

        .bhtk-reddit {
            background: #ff4500;
        }


        /*
        ============================================================
        ENTER PORTAL BUTTON
        ============================================================
        */

        .bhtk-portal-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            min-height: 52px;
            padding: 0 26px;
            border-radius: 7px;
            background: #ff117b;
            color: #ffffff;
            text-decoration: none;
            font-size: 15px;
            font-weight: 700;
            transition:
                background .2s ease,
                transform .2s ease,
                box-shadow .2s ease;
        }

        .bhtk-portal-button:hover {
            background: #e90f70;
            color: #ffffff;
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(255,17,123,.20);
        }

        .bhtk-portal-button svg {
            width: 18px;
            height: 18px;
        }


        /*
        ============================================================
        SEO ARTICLE
        ============================================================
        */

        .bhtk-article-section {
            padding: 20px 20px 70px;
        }

        .bhtk-article {
            max-width: 950px;
            margin: 0 auto;
            padding: 35px;
            border: 1px solid #252525;
            border-radius: 10px;
            background: #111111;
        }

        .bhtk-article h2 {
            margin: 38px 0 14px;
            font-size: 25px;
            line-height: 1.3;
        }

        .bhtk-article h2:first-child {
            margin-top: 0;
        }

        .bhtk-article h3 {
            margin: 27px 0 10px;
            font-size: 19px;
            line-height: 1.4;
        }

        .bhtk-article p {
            margin: 0 0 17px;
            color: #b6b6b6;
            font-size: 16px;
            line-height: 1.85;
        }

        .bhtk-article strong {
            color: #ffffff;
        }


        /*
        ============================================================
        FAQ
        ============================================================
        */

        .bhtk-faq {
            margin-top: 45px;
            padding-top: 5px;
        }


        /*
        ============================================================
        FINAL CTA
        ============================================================
        */

        .bhtk-final-cta {
            text-align: center;
            margin-top: 45px;
            padding-top: 35px;
            border-top: 1px solid #292929;
        }

        .bhtk-final-cta p {
            max-width: 650px;
            margin: 0 auto 20px;
        }


        /*
        ============================================================
        MOBILE
        ============================================================
        */

        @media (max-width: 768px) {

            .bhtk-landing-hero {
                padding: 40px 16px 35px;
            }

            .bhtk-landing-logo {
                font-size: 30px;
            }

            .bhtk-landing-intro {
                font-size: 15px;
            }

            .bhtk-social {
                gap: 8px;
            }

            .bhtk-social a {
                width: 43px;
                height: 43px;
                min-height: 43px;
                padding: 0;
            }

            .bhtk-social a span {
                display: none;
            }

            .bhtk-social svg {
                width: 19px;
                height: 19px;
            }

            .bhtk-article-section {
                padding: 10px 12px 45px;
            }

            .bhtk-article {
                padding: 24px 20px;
            }

            .bhtk-article h2 {
                font-size: 22px;
            }

            .bhtk-article h3 {
                font-size: 18px;
            }

            .bhtk-article p {
                font-size: 15px;
                line-height: 1.75;
            }

        }
/*
============================================================
SHARE TOTAL
============================================================
*/

.share-total {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 22px auto 0;
    padding: 7px 13px;
    border: 1px solid rgba(255, 17, 123, 0.28);
    border-radius: 20px;
    background: rgba(255, 17, 123, 0.07);
    box-shadow: 0 4px 16px rgba(255, 17, 123, 0.08);
}

.share-total strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 24px;
    padding: 0 8px;
    border-radius: 13px;
    background: #ff117b;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 3px 10px rgba(255, 17, 123, 0.25);
}

.share-total span {
    color: #b6b6b6;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}


/*
============================================================
SHARE TOTAL MOBILE
============================================================
*/

@media (max-width: 768px) {

    .share-total {
        margin-top: 20px;
        padding: 7px 12px;
    }

    .share-total strong {
        min-width: 40px;
        height: 23px;
        font-size: 12px;
    }

    .share-total span {
        font-size: 12px;
    }

}