@import url(
    'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap'
);


:root {

    --bg:
        #05070d;

    --bg-soft:
        #080b13;

    --white:
        #f7f9ff;

    --muted:
        #9299ab;

    --muted-2:
        #626979;

    --blue:
        #698cff;

    --blue-bright:
        #8ca7ff;

    --violet:
        #a178ff;

    --border:
        rgba(
            255,
            255,
            255,
            0.09
        );

    --ease:
        cubic-bezier(
            .2,
            .8,
            .2,
            1
        );

}


/*
|--------------------------------------------------------------------------
| RESET
|--------------------------------------------------------------------------
*/

* {

    box-sizing:
        border-box;

    margin:
        0;

    padding:
        0;

}


html {

    min-height:
        100%;

    background:
        var(--bg);

}


body {

    min-height:
        100vh;

    min-height:
        100svh;


    overflow-x:
        hidden;


    color:
        var(--white);


    background:

        radial-gradient(
            circle at 50% 35%,
            rgba(
                92,
                113,
                255,
                0.08
            ),
            transparent 35%
        ),

        #05070d;


    font-family:
        "Inter",
        sans-serif;


    -webkit-font-smoothing:
        antialiased;

    text-rendering:
        optimizeLegibility;

}


button,
input {

    font:
        inherit;

}


button {

    border:
        0;

}


/*
|--------------------------------------------------------------------------
| BACKGROUND
|--------------------------------------------------------------------------
*/

.background {

    position:
        fixed;

    inset:
        0;


    overflow:
        hidden;


    pointer-events:
        none;


    z-index:
        0;

}


/*
|--------------------------------------------------------------------------
| GRID
|--------------------------------------------------------------------------
*/

.grid {

    position:
        absolute;

    inset:
        -30%;


    background-image:

        linear-gradient(
            rgba(
                255,
                255,
                255,
                .018
            )
            1px,
            transparent
            1px
        ),

        linear-gradient(
            90deg,
            rgba(
                255,
                255,
                255,
                .018
            )
            1px,
            transparent
            1px
        );


    background-size:
        62px 62px;


    transform:

        perspective(
            700px
        )

        rotateX(
            67deg
        )

        translateY(
            35%
        );


    transform-origin:
        center center;


    mask-image:

        radial-gradient(
            ellipse at center,
            black 0%,
            rgba(
                0,
                0,
                0,
                .6
            )
            27%,
            transparent 68%
        );


    opacity:
        .36;

}


/*
|--------------------------------------------------------------------------
| NOISE
|--------------------------------------------------------------------------
*/

.noise {

    position:
        absolute;

    inset:
        0;


    opacity:
        .045;


    background-image:

        url(
            "data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E"
        );


    mix-blend-mode:
        soft-light;

}


/*
|--------------------------------------------------------------------------
| AMBIENT BACKGROUND LIGHT
|--------------------------------------------------------------------------
*/

.ambient {

    position:
        absolute;


    border-radius:
        50%;


    filter:
        blur(
            100px
        );


    opacity:
        .16;


    animation:

        ambientFloat
        12s
        ease-in-out
        infinite
        alternate;

}


.ambient-one {

    width:
        470px;

    height:
        470px;


    left:
        calc(
            50% - 235px
        );

    top:
        calc(
            45% - 235px
        );


    background:
        #476eff;

}


.ambient-two {

    width:
        330px;

    height:
        330px;


    left:
        6%;

    bottom:
        -160px;


    background:
        #7548ff;


    opacity:
        .09;


    animation-delay:
        -4s;

}


.ambient-three {

    width:
        280px;

    height:
        280px;


    right:
        4%;

    top:
        -120px;


    background:
        #517aff;


    opacity:
        .08;


    animation-delay:
        -8s;

}


@keyframes ambientFloat {

    0% {

        transform:

            translate3d(
                -20px,
                -8px,
                0
            )

            scale(
                .95
            );

    }


    100% {

        transform:

            translate3d(
                22px,
                14px,
                0
            )

            scale(
                1.08
            );

    }

}


/*
|--------------------------------------------------------------------------
| FULL PAGE CURSOR GLOW
|--------------------------------------------------------------------------
*/

.cursor-glow {

    position:
        absolute;


    left:
        0;

    top:
        0;


    width:
        520px;

    height:
        520px;


    border-radius:
        50%;


    background:

        radial-gradient(
            circle,
            rgba(
                117,
                145,
                255,
                .145
            )
            0%,
            rgba(
                97,
                125,
                255,
                .075
            )
            25%,
            rgba(
                83,
                106,
                255,
                .025
            )
            48%,
            transparent
            72%
        );


    filter:
        blur(
            9px
        );


    transform:

        translate3d(
            -1000px,
            -1000px,
            0
        );


    will-change:
        transform;


    opacity:
        0;


    transition:
        opacity
        .28s
        ease;

}


/*
|--------------------------------------------------------------------------
| STARS
|--------------------------------------------------------------------------
*/

.stars {

    position:
        absolute;

    inset:
        0;

}


.star {

    position:
        absolute;


    width:
        var(--size);

    height:
        var(--size);


    border-radius:
        999px;


    background:

        rgba(
            255,
            255,
            255,
            var(--opacity)
        );


    box-shadow:

        0
        0
        calc(
            var(--size) * 4
        )
        rgba(
            131,
            158,
            255,
            .55
        );


    opacity:
        var(--opacity);


    animation:

        starTwinkle
        var(--duration)
        ease-in-out
        infinite
        alternate;

}


.star.big {

    background:
        white;


    box-shadow:

        0
        0
        7px
        rgba(
            255,
            255,
            255,
            .75
        ),

        0
        0
        19px
        rgba(
            111,
            146,
            255,
            .7
        );

}


.star.cross::before,
.star.cross::after {

    content:
        "";


    position:
        absolute;


    top:
        50%;

    left:
        50%;


    border-radius:
        20px;


    transform:

        translate(
            -50%,
            -50%
        );

}


.star.cross::before {

    width:
        calc(
            var(--size) * 7
        );

    height:
        1px;


    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(
                255,
                255,
                255,
                .8
            ),
            transparent
        );

}


.star.cross::after {

    width:
        1px;

    height:
        calc(
            var(--size) * 7
        );


    background:

        linear-gradient(
            transparent,
            rgba(
                255,
                255,
                255,
                .8
            ),
            transparent
        );

}


@keyframes starTwinkle {

    0% {

        opacity:
            calc(
                var(--opacity) * .4
            );


        transform:
            scale(
                .7
            );

    }


    100% {

        opacity:
            var(--opacity);


        transform:
            scale(
                1.18
            );

    }

}


/*
|--------------------------------------------------------------------------
| PAGE
|--------------------------------------------------------------------------
*/

.page {

    position:
        relative;


    z-index:
        2;


    min-height:
        100vh;

    min-height:
        100svh;


    display:
        flex;


    align-items:
        center;

    justify-content:
        center;


    padding:

        max(
            44px,
            env(
                safe-area-inset-top
            )
        )

        24px

        max(
            42px,
            env(
                safe-area-inset-bottom
            )
        );

}


/*
|--------------------------------------------------------------------------
| MAIN CONTENT
|--------------------------------------------------------------------------
*/

.legitscan {

    position:
        relative;


    width:
        min(
            760px,
            100%
        );


    display:
        flex;

    flex-direction:
        column;


    align-items:
        center;


    text-align:
        center;


    transform:
        translateY(
            -1vh
        );

}


/*
|--------------------------------------------------------------------------
| BRAND AREA
|--------------------------------------------------------------------------
*/

.brand-area {

    position:
        relative;


    width:
        100%;

}


/*
|--------------------------------------------------------------------------
| ORBITS
|--------------------------------------------------------------------------
*/

.brand-orbits {

    position:
        absolute;


    z-index:
        0;


    left:
        50%;

    top:
        50%;


    width:
        min(
            790px,
            110vw
        );


    transform:

        translate(
            -50%,
            -50%
        );


    pointer-events:
        none;


    opacity:
        .76;

}


.brand-orbits svg {

    display:
        block;


    width:
        100%;

    height:
        auto;


    overflow:
        visible;

}


.orbit-line {

    fill:
        none;


    stroke-linecap:
        round;

}


.orbit-line-one {

    stroke:

        rgba(
            220,
            228,
            255,
            .18
        );


    stroke-width:
        .85;

}


.orbit-line-two {

    stroke:

        rgba(
            208,
            218,
            255,
            .105
        );


    stroke-width:
        .75;

}


.orbit-dot {

    fill:
        #d7e0ff;


    transform-origin:
        center;


    animation:

        orbitDotPulse
        2.7s
        ease-in-out
        infinite
        alternate;

}


.orbit-dot-two {

    fill:
        #9eb5ff;


    animation-delay:
        -1.1s;

}


@keyframes orbitDotPulse {

    from {

        opacity:
            .55;

    }


    to {

        opacity:
            1;

    }

}


/*
|--------------------------------------------------------------------------
| BRAND
|--------------------------------------------------------------------------
*/

.brand {

    position:
        relative;


    z-index:
        2;


    display:
        inline-flex;


    align-items:
        baseline;


    font-family:
        "Manrope",
        sans-serif;


    font-size:

        clamp(
            52px,
            8.5vw,
            94px
        );


    font-weight:
        800;


    line-height:
        .95;


    letter-spacing:
        -.07em;


    user-select:
        none;


    filter:

        drop-shadow(
            0
            6px
            22px
            rgba(
                0,
                0,
                0,
                .35
            )
        );

}


.brand-legit {

    color:
        #f7f8ff;

}


.brand-scan {

    color:
        transparent;


    background:

        linear-gradient(
            115deg,
            #c8d5ff 0%,
            #7597ff 36%,
            #9c7cff 74%,
            #d3ddff 100%
        );


    background-size:
        220%
        auto;


    -webkit-background-clip:
        text;

    background-clip:
        text;


    animation:

        brandGradient
        6s
        linear
        infinite;


    text-shadow:

        0
        0
        36px
        rgba(
            105,
            140,
            255,
            .16
        );

}


.brand-domain {

    margin-left:
        5px;


    color:
        #687083;


    font-size:
        .33em;


    font-weight:
        700;


    letter-spacing:
        -.04em;


    transform:

        translateY(
            -1px
        );

}


@keyframes brandGradient {

    from {

        background-position:
            0%
            center;

    }


    to {

        background-position:
            220%
            center;

    }

}


/*
|--------------------------------------------------------------------------
| DESCRIPTION
|--------------------------------------------------------------------------
*/

.description {

    position:
        relative;


    z-index:
        2;


    width:

        min(
            600px,
            100%
        );


    margin:

        25px
        auto
        0;


    color:
        var(--muted);


    font-size:

        clamp(
            14px,
            2vw,
            16px
        );


    font-weight:
        400;


    line-height:
        1.68;


    letter-spacing:
        -.015em;

}


/*
|--------------------------------------------------------------------------
| SEARCH AREA
|--------------------------------------------------------------------------
*/

.search-area {

    width:

        min(
            670px,
            100%
        );


    margin-top:
        37px;

}


.scan-form {

    width:
        100%;

}


/*
|--------------------------------------------------------------------------
| SEARCH SHELL
|--------------------------------------------------------------------------
*/

.search-shell {

    position:
        relative;


    width:
        100%;


    height:
        66px;


    display:
        flex;


    align-items:
        center;


    padding:

        7px
        10px
        7px
        24px;


    border:

        1px
        solid
        rgba(
            255,
            255,
            255,
            .105
        );


    /*
     * Fully rounded.
     */

    border-radius:
        999px;


    background:

        linear-gradient(
            180deg,
            rgba(
                18,
                22,
                34,
                .92
            ),
            rgba(
                9,
                12,
                20,
                .95
            )
        );


    box-shadow:

        0
        24px
        65px
        rgba(
            0,
            0,
            0,
            .36
        ),

        inset
        0
        1px
        0
        rgba(
            255,
            255,
            255,
            .045
        ),

        0
        0
        0
        1px
        rgba(
            0,
            0,
            0,
            .2
        );


    backdrop-filter:

        blur(
            22px
        );


    transition:

        border-color
        .25s
        var(--ease),

        box-shadow
        .25s
        var(--ease),

        transform
        .25s
        var(--ease);

}


.search-shell:hover {

    border-color:

        rgba(
            255,
            255,
            255,
            .16
        );

}


.search-shell:focus-within {

    border-color:

        rgba(
            124,
            155,
            255,
            .42
        );


    box-shadow:

        0
        26px
        72px
        rgba(
            0,
            0,
            0,
            .42
        ),

        0
        0
        0
        4px
        rgba(
            87,
            120,
            255,
            .065
        ),

        inset
        0
        1px
        0
        rgba(
            255,
            255,
            255,
            .055
        );

}


/*
|--------------------------------------------------------------------------
| SEARCH LOCAL GLOW
|--------------------------------------------------------------------------
*/

.search-glow {

    position:
        absolute;


    inset:
        -1px;


    border-radius:
        inherit;


    z-index:
        -1;


    background:

        radial-gradient(
            circle
            at
            var(
                --mouse-x,
                50%
            )
            var(
                --mouse-y,
                50%
            ),
            rgba(
                120,
                150,
                255,
                .24
            ),
            transparent
            34%
        );


    opacity:
        0;


    filter:

        blur(
            18px
        );


    transition:

        opacity
        .3s
        ease;

}


.search-shell:hover
.search-glow,
.search-shell:focus-within
.search-glow {

    opacity:
        1;

}


/*
|--------------------------------------------------------------------------
| CUSTOM PLACEHOLDER
|--------------------------------------------------------------------------
*/

.search-placeholder {

    position:
        absolute;


    left:
        25px;

    right:
        70px;


    top:
        50%;


    transform:

        translateY(
            -50%
        );


    display:
        flex;


    align-items:
        center;


    overflow:
        hidden;


    white-space:
        nowrap;


    color:
        #626a79;


    font-size:
        15px;


    font-weight:
        500;


    letter-spacing:
        -.01em;


    pointer-events:
        none;


    opacity:
        1;


    transition:

        opacity
        .18s
        ease;

}


.search-placeholder.hidden {

    opacity:
        0;

}


.placeholder-fixed,
.placeholder-animated {

    color:
        inherit;


    font:
        inherit;

}


.placeholder-gap {

    display:
        inline-block;

}


.type-caret {

    display:
        inline-block;


    width:
        1px;

    height:
        16px;


    margin-left:
        2px;


    background:

        rgba(
            135,
            149,
            178,
            .82
        );


    animation:

        caretBlink
        .8s
        steps(
            1
        )
        infinite;

}


@keyframes caretBlink {

    0%,
    48% {

        opacity:
            1;

    }


    49%,
    100% {

        opacity:
            0;

    }

}


/*
|--------------------------------------------------------------------------
| SEARCH INPUT
|--------------------------------------------------------------------------
*/

.search-input {

    position:
        relative;


    z-index:
        2;


    width:
        100%;


    min-width:
        0;


    height:
        100%;


    padding-right:
        62px;


    border:
        0;


    outline:
        0;


    color:
        #f2f4fc;


    background:
        transparent;


    font-size:
        15px;


    font-weight:
        500;


    letter-spacing:
        -.01em;


    caret-color:
        #a8b9ff;

}


/*
|--------------------------------------------------------------------------
| MAGNIFYING GLASS
|--------------------------------------------------------------------------
*/

.search-submit {

    position:
        absolute;


    z-index:
        4;


    top:
        50%;

    right:
        10px;


    width:
        46px;

    height:
        46px;


    display:
        flex;


    align-items:
        center;

    justify-content:
        center;


    transform:

        translateY(
            -50%
        );


    border-radius:
        50%;


    color:
        #798298;


    background:
        transparent;


    cursor:
        pointer;


    transition:

        color
        .22s
        ease,

        background
        .22s
        ease,

        transform
        .22s
        var(--ease),

        box-shadow
        .22s
        ease;

}


.search-submit svg {

    width:
        22px;

    height:
        22px;


    display:
        block;

}


.search-submit:hover {

    color:
        #c0ccff;


    background:

        rgba(
            255,
            255,
            255,
            .045
        );


    transform:

        translateY(
            -50%
        )

        scale(
            1.045
        );


    box-shadow:

        0
        0
        25px
        rgba(
            109,
            139,
            255,
            .085
        );

}


.search-submit:active {

    transform:

        translateY(
            -50%
        )

        scale(
            .94
        );

}


/*
|--------------------------------------------------------------------------
| TURNSTILE
|--------------------------------------------------------------------------
*/

.turnstile-area {

    width:
        100%;


    display:
        flex;


    justify-content:
        center;

    align-items:
        center;


    margin-top:
        18px;

}


.turnstile-inner {

    display:
        flex;


    flex-direction:
        column;


    align-items:
        center;

}


.turnstile-shell {

    position:
        relative;


    display:
        flex;


    align-items:
        center;

    justify-content:
        center;


    min-height:
        70px;


    padding:
        8px;


    border:

        1px
        solid
        rgba(
            255,
            255,
            255,
            .06
        );


    border-radius:
        16px;


    background:

        rgba(
            255,
            255,
            255,
            .016
        );


    box-shadow:

        inset
        0
        1px
        0
        rgba(
            255,
            255,
            255,
            .022
        ),

        0
        16px
        40px
        rgba(
            0,
            0,
            0,
            .14
        );


    backdrop-filter:

        blur(
            10px
        );

}


/*
|--------------------------------------------------------------------------
| ERROR
|--------------------------------------------------------------------------
*/

.server-error {

    width:

        min(
            600px,
            calc(
                100% - 20px
            )
        );


    margin:

        13px
        auto
        0;


    padding:

        10px
        14px;


    border:

        1px
        solid
        rgba(
            255,
            96,
            117,
            .16
        );


    border-radius:
        11px;


    background:

        rgba(
            255,
            71,
            96,
            .045
        );


    color:
        #ff8997;


    font-size:
        11px;


    font-weight:
        500;


    line-height:
        1.45;


    text-align:
        center;

}


/*
|--------------------------------------------------------------------------
| ABUSE NOTE
|--------------------------------------------------------------------------
*/

.abuse-note {

    width:

        min(
            600px,
            calc(
                100% - 20px
            )
        );


    margin:

        12px
        auto
        0;


    color:
        #5f6676;


    font-size:
        10.5px;


    font-weight:
        400;


    line-height:
        1.55;


    letter-spacing:
        -.005em;

}


.abuse-note strong {

    color:
        #747d90;


    font-weight:
        600;

}


/*
|--------------------------------------------------------------------------
| INITIAL PAGE ENTRANCE
|--------------------------------------------------------------------------
*/

.brand,
.description,
.search-area {

    opacity:
        0;


    animation:

        reveal
        .82s
        var(--ease)
        forwards;

}


.brand {

    animation-delay:
        .05s;

}


.description {

    animation-delay:
        .14s;

}


.search-area {

    animation-delay:
        .23s;

}


@keyframes reveal {

    from {

        opacity:
            0;


        transform:

            translateY(
                13px
            );


        filter:

            blur(
                5px
            );

    }


    to {

        opacity:
            1;


        transform:

            translateY(
                0
            );


        filter:

            blur(
                0
            );

    }

}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media (
    max-width:
    650px
) {

    .page {

        padding-left:
            17px;

        padding-right:
            17px;

    }


    .legitscan {

        transform:

            translateY(
                -2vh
            );

    }


    .brand {

        font-size:

            clamp(
                48px,
                15vw,
                68px
            );

    }


    .brand-domain {

        margin-left:
            3px;

    }


    .brand-orbits {

        width:
            125vw;


        opacity:
            .62;

    }


    .description {

        width:

            min(
                500px,
                94%
            );


        margin-top:
            21px;


        font-size:
            13px;


        line-height:
            1.62;

    }


    .search-area {

        margin-top:
            30px;

    }


    .search-shell {

        height:
            62px;


        padding:

            6px
            8px
            6px
            20px;


        border-radius:
            999px;

    }


    .search-placeholder {

        left:
            21px;

        right:
            60px;


        font-size:
            13px;

    }


    .search-input {

        padding-right:
            54px;


        font-size:
            13px;

    }


    .search-submit {

        right:
            8px;


        width:
            44px;

        height:
            44px;

    }


    .search-submit svg {

        width:
            20px;

        height:
            20px;

    }


    .turnstile-area {

        margin-top:
            15px;

    }


    .turnstile-shell {

        max-width:
            100%;

    }


    .abuse-note {

        font-size:
            9.5px;

    }


    .cursor-glow {

        display:
            none;

    }

}


/*
|--------------------------------------------------------------------------
| VERY SMALL MOBILE
|--------------------------------------------------------------------------
*/

@media (
    max-width:
    390px
) {

    .brand {

        font-size:
            45px;

    }


    .search-placeholder {

        font-size:
            12px;

    }


    .search-input {

        font-size:
            12px;

    }

}


/*
|--------------------------------------------------------------------------
| REDUCED MOTION
|--------------------------------------------------------------------------
*/

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

    *,
    *::before,
    *::after {

        animation-duration:
            .001ms !important;


        animation-iteration-count:
            1 !important;


        scroll-behavior:
            auto !important;

    }


    .type-caret {

        display:
            none;

    }

}