body::after,
        body::before {
            content: "";
            position: fixed;
            inset: 0
        }

        .page,
        body {
            min-height: 100vh;
            position: relative
        }

        .brand-mini,
        .topbar {
            align-items: center;
            display: flex
        }

        .avatar-wrap,
        .page,
        body {
            position: relative
        }

        .cta,
        .link,
        .profile,
        footer {
            text-align: center
        }

        .icon-btn,
        .menu-item,
        .more {
            cursor: pointer
        }

        .menu,
        .toast {
            opacity: 0;
            pointer-events: none
        }

        .menu,
        .toast,
        body::after,
        body::before {
            pointer-events: none
        }

        :root {
            --blue: #0481FE;
            --blue-dark: #006CD8;
            --yellow: #FEBA02;
            --light-blue: #CEE6FF;
            --mint: #75D0BB;
            --grey: #EFEFEF;
            --text: #F2F7FC;
            --muted: #9EB1C1;
            --bg: #050D16;
            --card: rgba(7, 22, 35, .72);
            --card-hover: rgba(10, 31, 49, .88);
            --border: rgba(255, 255, 255, .11);
            --border-hover: rgba(4, 129, 254, .34);
            --shadow: 0 16px 42px rgba(0, 0, 0, .32);
            --shadow-hover: 0 24px 60px rgba(0, 0, 0, .46);
            --radius: 18px;
            color-scheme: dark
        }

        .brand-mini,
        body {
            color: var(--text)
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0
        }

        html {
            scroll-behavior: smooth
        }

        body {
            overflow-x: hidden;
            isolation: isolate;
            font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            background: radial-gradient(circle at 50% 0, rgba(4, 129, 254, .2), transparent 38%), radial-gradient(circle at 0 100%, rgba(117, 208, 187, .13), transparent 32%), radial-gradient(circle at 100% 75%, rgba(254, 186, 2, .1), transparent 28%), linear-gradient(145deg, #02070d 0, #061421 46%, #04101a 100%);
            background-attachment: fixed
        }

        body::before {
            z-index: -2;
           
            opacity: .72;
            mix-blend-mode: screen
        }

        body::after {
            z-index: -1;
            background: radial-gradient(ellipse at center, transparent 20%, rgba(0, 0, 0, .18) 100%), linear-gradient(180deg, rgba(2, 7, 13, .08), rgba(2, 7, 13, .28))
        }
        img
{
display: block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

        .brand-dot,
        .cta a {
            background: var(--yellow)
        }

        .page {
            width: min(100%, 550px);
            margin: auto;
            padding: 18px 15px 45px
        }

        .topbar {
            justify-content: space-between;
            margin-bottom: 25px
        }

        .brand-mini {
            gap: 9px;
            font-size: 11px;
            font-weight: 800
        }

        .brand-dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            box-shadow: 0 0 0 5px rgba(254, 186, 2, .14)
        }

        .top-actions {
            display: flex;
            gap: 8px
        }

        .avatar,
        .avatar-inner,
        .icon-btn,
        .verified {
            display: grid;
            place-items: center
        }

        .icon-btn {
            width: 40px;
            height: 40px;
            border: 1px solid var(--border);
            border-radius: 13px;
            background: rgba(5, 18, 29, .62);
            color: var(--blue);
            transition: .2s;
            box-shadow: 0 8px 22px rgba(0, 0, 0, .22);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px)
        }

        .avatar,
        .avatar-wrap {
            width: 104px;
            height: 104px
        }

        .icon-btn:hover {
            color: #fff;
            background: var(--blue);
            border-color: rgba(255, 255, 255, .18);
            transform: translateY(-2px)
        }

        .profile {
            margin-bottom: 35px;
        }

        .avatar-wrap {
            margin: 0 auto 16px
        }

        .avatar {
            border: 5px solid rgba(255, 255, 255, .92);
            border-radius: 50%;
            background: linear-gradient(145deg, var(--blue), var(--blue-dark));
            box-shadow: 0 0 0 7px rgba(4, 129, 254, .12), 0 20px 45px rgba(4, 129, 254, .3)
        }

        .avatar-inner {
            border-radius: 50%;
            color: var(--blue);
            font-size: 22px;
            font-weight: 800;
            font-style: italic;
            letter-spacing: -1px
        }

        .avatar-inner img {
            width: 100%
        }

        .verified {
            position: absolute;
            right: -1px;
            bottom: 5px;
            width: 27px;
            height: 27px;
            border: 4px solid var(--bg);
            border-radius: 50%;
            background: var(--blue);
            color: #fff;
            font-size: 9px
        }

        .link,
        .links,
        .tags,
        .username {
            display: flex
        }

        .username {
            align-items: center;
            justify-content: center;
            gap: 5px;
            color: var(--text);
            font-size: 25px;
            font-weight: 800;
            letter-spacing: -.8px;
            margin-bottom: 8px
        }

        .handle {
            color: #5ca9ff
        }

        .bio {
            max-width: 80%;
            margin: auto;
            color: var(--muted);
            font-size: 13px;
            line-height: 1.65;
            font-weight: 500
        }

        .tags {
            justify-content: center;
            flex-wrap: wrap;
            gap: 7px;
            margin-top: 14px
        }

        .tag {
            padding: 6px 10px;
            border-radius: 30px;
            background: rgba(4, 129, 254, .12);
            border: 1px solid rgba(4, 129, 254, .22);
            color: #75b9ff;
            font-size: 10px;
            font-weight: 800
        }

        .tag.yellow {
            background: rgba(254, 186, 2, .12);
            border-color: rgba(254, 186, 2, .24);
            color: #ffd45e
        }

        .tag.mint {
            background: rgba(117, 208, 187, .12);
            border-color: rgba(117, 208, 187, .22);
            color: #8be1ce
        }

        .section-space {
            padding-top: 6%;
            margin-top: 10%;
            border-top: 1px solid var(--border);
        }

        .section-heading {
            display: flex;
            align-items: center;
            gap: 9px;
            margin: 0 5px 11px
        }

        .section-line {
            width: 5px;
            height: 18px;
            border-radius: 20px;
            background: linear-gradient(var(--blue) 0 55%, var(--yellow) 55%)
        }

        .section-heading h2 {
            color: var(--text);
            font-size: 13px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: .9px
        }

        .section-heading span:last-child {
            margin-left: auto;
            color: var(--muted);
            font-size: 9px;
            font-weight: 600
        }

        .links {
            flex-direction: column;
            gap: 11px
        }

        .cta a,
        .link {
            align-items: center;
            text-decoration: none
        }

        .link {
            position: relative;
            min-height: 66px;
            /* justify-content: center; */
            padding: 10px 60px;
            border: 1px solid var(--border);
            border-radius: var(--radius);
            background: var(--card);
            backdrop-filter: blur(20px) saturate(140%);
            -webkit-backdrop-filter: blur(20px) saturate(140%);
            color: var(--text);
            font-size: 12.5px;
            font-weight: 700;
            line-height: 1.4;
            box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, .045);
            transition: transform .22s, box-shadow .22s, border-color .22s, background .22s;
            padding-left: 18%;
        }

        .link .txt-title {
            text-align: left;
            font-size: 14px;
            font-weight: 500;
        }

        .arrow,
        .link-icon,
        .more {
            position: absolute
        }

        .arrow,
        .floating-share,
        .link-icon {
            display: grid;
            place-items: center
        }

        .apple,
        .ims,
        .instagram,
        .play,
        .telegram,
        .youtube {
            color: #fff
        }

        .link:hover {
            transform: translateY(-4px) scale(1.006);
            border-color: var(--border-hover);
            background: var(--card-hover);
            box-shadow: var(--shadow-hover), inset 0 1px 0 rgba(255, 255, 255, .07)
        }

        .link:active {
            transform: scale(.985)
        }
.entity-icon{
    height: 42px;
    width: 42px;
}
        .link-icon {
            left: 12px;
            width: 42px;
            height: 42px;
            border-radius: 13px;
            font-size: 18px;
            z-index: 2;
            transition: transform .25s;
            overflow: hidden;
        }
.app_icon{
    width: 100%;
    height: 42px;
}
        .arrow,
        .cta a {
            transition: .2s
        }

        .link:hover .link-icon {
            transform: rotate(-4deg) scale(1.08)
        }

        .instagram {
            background: radial-gradient(circle at 30% 107%, #fdf497 0 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
            box-shadow: 0 8px 18px rgba(214, 36, 159, .22)
        }

        .youtube {
            background: red;
            box-shadow: 0 8px 18px rgba(255, 0, 0, .2)
        }

        .telegram {
            background: #229ed9;
            box-shadow: 0 8px 18px rgba(34, 158, 217, .22)
        }

        .apple {
            background: #000;
            border: 1px solid rgba(255, 255, 255, .12)
        }

        .play {
            background: linear-gradient(135deg, #00c6ff, #00c853 35%, #ffd600 68%, #ff3d00)
        }

        .ims {
            background: linear-gradient(145deg, var(--blue), var(--blue-dark));
            font-size: 10px;
            font-weight: 900
        }

        .apti {
            color: #3a2a00;
            background: linear-gradient(145deg, var(--yellow), #ffd95a)
        }

        .graduation {
            color: #fff;
            background: linear-gradient(145deg, var(--blue), var(--blue-dark))
        }

        .arrow,
        .more,
        footer {
            color: #71879a
        }

        .arrow {
            right: 25px;
            width: 33px;
            height: 33px;
            border-radius: 10px;
            font-size: 12px
        }

        .link:hover .arrow {
            color: #75b9ff;
            transform: scale(1)
        }

        .more {
            right: 7px;
            width: 28px;
            height: 28px;
            border: 0;
            border-radius: 8px;
            background: 0 0;
            z-index: 5
        }

        .menu,
        .toast {
            position: fixed
        }

        .more:hover {
            color: #75b9ff;
            background: rgba(4, 129, 254, .12)
        }

        .active,
        .active .arrow {
            color: #fff
        }

        .more+.arrow {
            right: 39px
        }

        .featured {
            background: linear-gradient(135deg, rgba(4, 129, 254, .15), rgba(117, 208, 187, .09));
            border-color: rgba(4, 129, 254, .22)
        }

        .active {
            border: none;
            background: linear-gradient(135deg, var(--blue), #006cd8);
            box-shadow: 0 18px 40px rgba(4, 129, 254, .28)
        }

        .active .link-icon {
            color: #fff;
            background: rgba(255, 255, 255, .16);
            border: 1px solid rgba(255, 255, 255, .2)
        }

        .active :hover {
            box-shadow: 0 25px 55px rgba(4, 129, 254, .34)
        }

        .cta {
            margin-top: 28px;
            padding: 19px;
            border-radius: 22px;
            background: linear-gradient(135deg, rgba(4, 129, 254, .13), rgba(117, 208, 187, .1));
            border: 1px solid rgba(4, 129, 254, .18);
            box-shadow: 0 16px 40px rgba(0, 0, 0, .18)
        }

        .cta-title {
            color: var(--text);
            font-size: 13px;
            font-weight: 800;
            margin-bottom: 5px
        }

        .cta-text {
            color: var(--muted);
            font-size: 12px;
            margin-bottom: 13px
        }

        .cta a {
            display: inline-flex;
            gap: 8px;
            padding: 11px 17px;
            border-radius: 30px;
            color: #241c00;
            font-size: 11px;
            font-weight: 800;
            box-shadow: 0 10px 24px rgba(254, 186, 2, .24)
        }

        .cta a:hover {
            transform: translateY(-2px);
            box-shadow: 0 14px 30px rgba(254, 186, 2, .32)
        }

        footer {
            margin-top: 25px;
            font-size: 9px;
            line-height: 1.8
        }

        .floating-share {
            position: fixed;
            right: 18px;
            bottom: 18px;
            width: 52px;
            height: 52px;
            border: 3px solid #061421;
            border-radius: 50%;
            background: var(--blue);
            color: #fff;
            cursor: pointer;
            font-size: 17px;
            box-shadow: 0 13px 30px rgba(4, 129, 254, .32);
            z-index: 100;
            transition: .2s
        }

        .floating-share:hover {
            transform: translateY(-4px) rotate(6deg);
            background: var(--blue-dark)
        }

        .menu {
            width: 190px;
            padding: 7px;
            border: 1px solid rgba(255, 255, 255, .1);
            border-radius: 15px;
            background: rgba(7, 22, 35, .97);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            box-shadow: 0 20px 45px rgba(0, 0, 0, .46);
            z-index: 1000;
            transform: scale(.94) translateY(-4px);
            transition: .16s
        }

        .menu.show {
            opacity: 1;
            transform: scale(1) translateY(0);
            pointer-events: auto
        }

        .menu-item {
            width: 100%;
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 11px;
            border: 0;
            border-radius: 10px;
            background: 0 0;
            color: var(--text);
            font: 600 11px Inter, sans-serif;
            text-align: left
        }

        .menu-item:hover {
            background: rgba(4, 129, 254, .12);
            color: #75b9ff
        }

        .toast {
            left: 50%;
            bottom: 25px;
            transform: translate(-50%, 80px);
            padding: 10px 16px;
            border-radius: 30px;
            background: #e8f3fc;
            color: #061421;
            font-size: 11px;
            font-weight: 700;
            transition: .3s;
            z-index: 2000
        }

        .toast.show {
            opacity: 1;
            transform: translate(-50%, 0)
        }

        @media(max-width:520px) {
            body::before {
                background-size: auto 100%;
                background-position: center top;
                opacity: .58
            }

            .page {
                padding: 15px 12px 35px
            }

            .username {
                font-size: 23px
            }

            .link {
                min-height: 63px;
                border-radius: 16px
            }

            .link-icon {
                left: 10px;
                width: 40px;
                height: 40px
            }

            .floating-share {
                right: 13px;
                bottom: 13px
            }
        }

        @media(prefers-reduced-motion:reduce) {

            *,
            :after,
            :before {
                animation: none !important;
                transition: none !important;
                scroll-behavior: auto !important
            }
        }
body {
    display: block !important;
}