/* plaYces brand wordmark + pin animations */
        .gate-brand{
            display:inline-flex;align-items:center;justify-content:center;gap:0.42rem;
            margin:0 auto 0.3rem;padding:0;font-family:'Lexend Giga',sans-serif;font-size:2.15rem;font-weight:400;
            letter-spacing:-0.025em;text-transform:none;color:#dae2fd;line-height:1;overflow:visible;
        }
        .gate-brand .gate-brand__word{
            display:inline-flex;align-items:baseline;gap:calc(0.14em - 4px);line-height:1;white-space:nowrap;overflow:visible;
        }
        .gate-brand .gate-brand__pin-lift{
            position:relative;display:block;height:1.52em;width:calc(1.52em * 114 / 150);min-width:0;
            margin:0;flex-shrink:0;overflow:visible;
            padding-bottom:0.12em;
            top:calc(-0.1em + 5px);
            -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);
        }
        .gate-brand .gate-brand__pin-spin{
            position:absolute;left:0;right:0;bottom:0;height:100%;width:100%;
            -webkit-transform:perspective(200px) rotateY(0deg) scale(1);
            transform:perspective(200px) rotateY(0deg) scale(1);
            transform-origin:50% 100%;
            -webkit-transform-origin:50% 100%;
            transform-style:preserve-3d;
            -webkit-transform-style:preserve-3d;
            -webkit-backface-visibility:visible;backface-visibility:visible;
        }
        .gate-brand .logo__y-pin{
            display:block;width:100%;height:100%;
            filter:drop-shadow(0 0 12px rgba(84,221,180,0.35));
        }
        .gate-brand .logo__y-pin .cls-0{fill:#54ddb4}
        .gate-brand .logo__y-pin path{fill:#54ddb4}
        .gate-brand .gate-brand__part{
            display:inline-block;
            -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);
        }
        .gate-brand.is-refreshing .gate-brand__pin-lift{
            -webkit-animation:gate-pin-lift 2.85s linear none;
            animation:gate-pin-lift 2.85s linear none;
        }
        .gate-brand.is-refreshing .gate-brand__pin-spin{
            -webkit-animation:gate-pin-spin 2.85s linear none;
            animation:gate-pin-spin 2.85s linear none;
        }
        .gate-brand.is-refreshing .gate-brand__pla{
            -webkit-animation:gate-brand-pla-together 2.85s linear none;
            animation:gate-brand-pla-together 2.85s linear none;
        }
        .gate-brand.is-refreshing .gate-brand__ces{
            -webkit-animation:gate-brand-ces-together 2.85s linear none;
            animation:gate-brand-ces-together 2.85s linear none;
        }
        @-webkit-keyframes gate-pin-lift{
            0%,50%,100%{-webkit-transform:translate3d(0,0,0)}
            2%{-webkit-transform:translate3d(0,-0.38em,0)}
            4%{-webkit-transform:translate3d(0,-0.72em,0)}
            6%{-webkit-transform:translate3d(0,-0.9em,0)}
            8%,43%{-webkit-transform:translate3d(0,-0.95em,0)}
            44%{-webkit-transform:translate3d(0,-0.9em,0)}
            46%{-webkit-transform:translate3d(0,-0.72em,0)}
            48%{-webkit-transform:translate3d(0,-0.38em,0)}
        }
        @keyframes gate-pin-lift{
            0%,50%,100%{transform:translate3d(0,0,0)}
            2%{transform:translate3d(0,-0.38em,0)}
            4%{transform:translate3d(0,-0.72em,0)}
            6%{transform:translate3d(0,-0.9em,0)}
            8%,43%{transform:translate3d(0,-0.95em,0)}
            44%{transform:translate3d(0,-0.9em,0)}
            46%{transform:translate3d(0,-0.72em,0)}
            48%{transform:translate3d(0,-0.38em,0)}
        }
        @-webkit-keyframes gate-pin-spin{
            0%,4%{-webkit-transform:perspective(200px) rotateY(0deg) scale(1.0)}
            4.8%{-webkit-transform:perspective(200px) rotateY(15deg) scale(1.008)}
            5.7%{-webkit-transform:perspective(200px) rotateY(30deg) scale(1.017)}
            6.5%{-webkit-transform:perspective(200px) rotateY(45deg) scale(1.025)}
            7.3%{-webkit-transform:perspective(200px) rotateY(60deg) scale(1.033)}
            8.2%{-webkit-transform:perspective(200px) rotateY(75deg) scale(1.042)}
            9%{-webkit-transform:perspective(200px) rotateY(90deg) scale(1.05)}
            9.8%{-webkit-transform:perspective(200px) rotateY(105deg) scale(1.055)}
            10.7%{-webkit-transform:perspective(200px) rotateY(120deg) scale(1.06)}
            11.5%{-webkit-transform:perspective(200px) rotateY(135deg) scale(1.065)}
            12.3%{-webkit-transform:perspective(200px) rotateY(150deg) scale(1.067)}
            13.2%{-webkit-transform:perspective(200px) rotateY(165deg) scale(1.068)}
            14%{-webkit-transform:perspective(200px) rotateY(180deg) scale(1.07)}
            14.8%{-webkit-transform:perspective(200px) rotateY(195deg) scale(1.067)}
            15.7%{-webkit-transform:perspective(200px) rotateY(210deg) scale(1.063)}
            16.5%{-webkit-transform:perspective(200px) rotateY(225deg) scale(1.06)}
            17.3%{-webkit-transform:perspective(200px) rotateY(240deg) scale(1.055)}
            18.2%{-webkit-transform:perspective(200px) rotateY(255deg) scale(1.05)}
            19%{-webkit-transform:perspective(200px) rotateY(270deg) scale(1.045)}
            19.8%{-webkit-transform:perspective(200px) rotateY(285deg) scale(1.039)}
            20.7%{-webkit-transform:perspective(200px) rotateY(300deg) scale(1.034)}
            21.5%{-webkit-transform:perspective(200px) rotateY(315deg) scale(1.028)}
            22.3%{-webkit-transform:perspective(200px) rotateY(330deg) scale(1.024)}
            23.2%{-webkit-transform:perspective(200px) rotateY(345deg) scale(1.019)}
            24%{-webkit-transform:perspective(200px) rotateY(360deg) scale(1.0)}
            24.8%{-webkit-transform:perspective(200px) rotateY(375deg) scale(1.008)}
            25.7%{-webkit-transform:perspective(200px) rotateY(390deg) scale(1.017)}
            26.5%{-webkit-transform:perspective(200px) rotateY(405deg) scale(1.025)}
            27.3%{-webkit-transform:perspective(200px) rotateY(420deg) scale(1.033)}
            28.2%{-webkit-transform:perspective(200px) rotateY(435deg) scale(1.042)}
            29%{-webkit-transform:perspective(200px) rotateY(450deg) scale(1.05)}
            29.8%{-webkit-transform:perspective(200px) rotateY(465deg) scale(1.055)}
            30.7%{-webkit-transform:perspective(200px) rotateY(480deg) scale(1.06)}
            31.5%{-webkit-transform:perspective(200px) rotateY(495deg) scale(1.065)}
            32.3%{-webkit-transform:perspective(200px) rotateY(510deg) scale(1.067)}
            33.2%{-webkit-transform:perspective(200px) rotateY(525deg) scale(1.068)}
            34%{-webkit-transform:perspective(200px) rotateY(540deg) scale(1.07)}
            34.8%{-webkit-transform:perspective(200px) rotateY(555deg) scale(1.067)}
            35.7%{-webkit-transform:perspective(200px) rotateY(570deg) scale(1.063)}
            36.5%{-webkit-transform:perspective(200px) rotateY(585deg) scale(1.06)}
            37.3%{-webkit-transform:perspective(200px) rotateY(600deg) scale(1.055)}
            38.2%{-webkit-transform:perspective(200px) rotateY(615deg) scale(1.05)}
            39%{-webkit-transform:perspective(200px) rotateY(630deg) scale(1.045)}
            39.8%{-webkit-transform:perspective(200px) rotateY(645deg) scale(1.039)}
            40.7%{-webkit-transform:perspective(200px) rotateY(660deg) scale(1.034)}
            41.5%{-webkit-transform:perspective(200px) rotateY(675deg) scale(1.028)}
            42.3%{-webkit-transform:perspective(200px) rotateY(690deg) scale(1.024)}
            43.2%{-webkit-transform:perspective(200px) rotateY(705deg) scale(1.019)}
            44%,100%{-webkit-transform:perspective(200px) rotateY(720deg) scale(1.0)}
        }

        @keyframes gate-pin-spin{
            0%,4%{transform:perspective(200px) rotateY(0deg) scale(1.0)}
            4.8%{transform:perspective(200px) rotateY(15deg) scale(1.008)}
            5.7%{transform:perspective(200px) rotateY(30deg) scale(1.017)}
            6.5%{transform:perspective(200px) rotateY(45deg) scale(1.025)}
            7.3%{transform:perspective(200px) rotateY(60deg) scale(1.033)}
            8.2%{transform:perspective(200px) rotateY(75deg) scale(1.042)}
            9%{transform:perspective(200px) rotateY(90deg) scale(1.05)}
            9.8%{transform:perspective(200px) rotateY(105deg) scale(1.055)}
            10.7%{transform:perspective(200px) rotateY(120deg) scale(1.06)}
            11.5%{transform:perspective(200px) rotateY(135deg) scale(1.065)}
            12.3%{transform:perspective(200px) rotateY(150deg) scale(1.067)}
            13.2%{transform:perspective(200px) rotateY(165deg) scale(1.068)}
            14%{transform:perspective(200px) rotateY(180deg) scale(1.07)}
            14.8%{transform:perspective(200px) rotateY(195deg) scale(1.067)}
            15.7%{transform:perspective(200px) rotateY(210deg) scale(1.063)}
            16.5%{transform:perspective(200px) rotateY(225deg) scale(1.06)}
            17.3%{transform:perspective(200px) rotateY(240deg) scale(1.055)}
            18.2%{transform:perspective(200px) rotateY(255deg) scale(1.05)}
            19%{transform:perspective(200px) rotateY(270deg) scale(1.045)}
            19.8%{transform:perspective(200px) rotateY(285deg) scale(1.039)}
            20.7%{transform:perspective(200px) rotateY(300deg) scale(1.034)}
            21.5%{transform:perspective(200px) rotateY(315deg) scale(1.028)}
            22.3%{transform:perspective(200px) rotateY(330deg) scale(1.024)}
            23.2%{transform:perspective(200px) rotateY(345deg) scale(1.019)}
            24%{transform:perspective(200px) rotateY(360deg) scale(1.0)}
            24.8%{transform:perspective(200px) rotateY(375deg) scale(1.008)}
            25.7%{transform:perspective(200px) rotateY(390deg) scale(1.017)}
            26.5%{transform:perspective(200px) rotateY(405deg) scale(1.025)}
            27.3%{transform:perspective(200px) rotateY(420deg) scale(1.033)}
            28.2%{transform:perspective(200px) rotateY(435deg) scale(1.042)}
            29%{transform:perspective(200px) rotateY(450deg) scale(1.05)}
            29.8%{transform:perspective(200px) rotateY(465deg) scale(1.055)}
            30.7%{transform:perspective(200px) rotateY(480deg) scale(1.06)}
            31.5%{transform:perspective(200px) rotateY(495deg) scale(1.065)}
            32.3%{transform:perspective(200px) rotateY(510deg) scale(1.067)}
            33.2%{transform:perspective(200px) rotateY(525deg) scale(1.068)}
            34%{transform:perspective(200px) rotateY(540deg) scale(1.07)}
            34.8%{transform:perspective(200px) rotateY(555deg) scale(1.067)}
            35.7%{transform:perspective(200px) rotateY(570deg) scale(1.063)}
            36.5%{transform:perspective(200px) rotateY(585deg) scale(1.06)}
            37.3%{transform:perspective(200px) rotateY(600deg) scale(1.055)}
            38.2%{transform:perspective(200px) rotateY(615deg) scale(1.05)}
            39%{transform:perspective(200px) rotateY(630deg) scale(1.045)}
            39.8%{transform:perspective(200px) rotateY(645deg) scale(1.039)}
            40.7%{transform:perspective(200px) rotateY(660deg) scale(1.034)}
            41.5%{transform:perspective(200px) rotateY(675deg) scale(1.028)}
            42.3%{transform:perspective(200px) rotateY(690deg) scale(1.024)}
            43.2%{transform:perspective(200px) rotateY(705deg) scale(1.019)}
            44%,100%{transform:perspective(200px) rotateY(720deg) scale(1.0)}
        }

        @-webkit-keyframes gate-brand-pla-together{
            0%,2%,50%,100%{-webkit-transform:translate3d(0,0,0)}
            8%,43%{-webkit-transform:translate3d(0.54em,0,0)}
            44%{-webkit-transform:translate3d(0.48em,0,0)}
            46%{-webkit-transform:translate3d(0.38em,0,0)}
            48%{-webkit-transform:translate3d(0.2em,0,0)}
        }
        @keyframes gate-brand-pla-together{
            0%,2%,50%,100%{transform:translate3d(0,0,0)}
            8%,43%{transform:translate3d(0.54em,0,0)}
            44%{transform:translate3d(0.48em,0,0)}
            46%{transform:translate3d(0.38em,0,0)}
            48%{transform:translate3d(0.2em,0,0)}
        }
        @-webkit-keyframes gate-brand-ces-together{
            0%,2%,50%,100%{-webkit-transform:translate3d(0,0,0)}
            8%,43%{-webkit-transform:translate3d(-0.54em,0,0)}
            44%{-webkit-transform:translate3d(-0.48em,0,0)}
            46%{-webkit-transform:translate3d(-0.38em,0,0)}
            48%{-webkit-transform:translate3d(-0.2em,0,0)}
        }
        @keyframes gate-brand-ces-together{
            0%,2%,50%,100%{transform:translate3d(0,0,0)}
            8%,43%{transform:translate3d(-0.54em,0,0)}
            44%{transform:translate3d(-0.48em,0,0)}
            46%{transform:translate3d(-0.38em,0,0)}
            48%{transform:translate3d(-0.2em,0,0)}
        }

/* In-app topbar / sidebar wordmark */
.logo .gate-brand__word{
    display:inline-flex;align-items:baseline;gap:calc(0.14em - 4px);line-height:1;white-space:nowrap;overflow:visible;
}
.logo .gate-brand__pin-lift{
    position:relative;display:block;height:calc(1.12em * 4 / 3);width:calc(1.12em * 4 / 3 * 114 / 150);min-width:0;
    margin:0;flex-shrink:0;overflow:visible;padding-bottom:0.1em;
    top:calc(-0.02em + 2px);
    -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);
}
.logo--sidebar .gate-brand__pin-lift{height:calc(1.02em * 4 / 3);width:calc(1.02em * 4 / 3 * 114 / 150);top:calc(-0.01em + 1px)}
.logo .gate-brand__pin-spin{
    position:absolute;left:0;right:0;bottom:0;height:100%;width:100%;
    -webkit-transform:perspective(200px) rotateY(0deg) scale(1);
    transform:perspective(200px) rotateY(0deg) scale(1);
    transform-origin:50% 100%;-webkit-transform-origin:50% 100%;
    transform-style:preserve-3d;-webkit-transform-style:preserve-3d;
    -webkit-backface-visibility:visible;backface-visibility:visible;
}
.logo .logo__y-pin{display:block;width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(84,221,180,0.28))}
.logo .logo__y-pin .cls-0,.logo .logo__y-pin path{fill:#54ddb4}
.logo .gate-brand__part{display:inline-block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
body[data-theme="neo"] .logo .logo__y-pin{filter:drop-shadow(0 0 8px rgba(2,110,86,0.2))}
body[data-theme="neo"] .logo .logo__y-pin .cls-0,body[data-theme="neo"] .logo .logo__y-pin path{fill:#026e56}
.logo--refresh.is-refreshing{overflow:visible}
.logo--refresh-spin-only.is-refreshing .gate-brand__pin-lift,
.logo--refresh-spin-only.is-refreshing .gate-brand__pla,
.logo--refresh-spin-only.is-refreshing .gate-brand__ces{animation:none!important}
.logo--refresh-spin-only.is-refreshing .gate-brand__pin-spin{
    -webkit-animation:gate-pin-spin-app 1.5s linear none;
    animation:gate-pin-spin-app 1.5s linear none;
}
@-webkit-keyframes gate-pin-spin-app{
    0%{-webkit-transform:perspective(200px) rotateY(0deg) scale(1.0)}
    2%{-webkit-transform:perspective(200px) rotateY(15deg) scale(1.008)}
    4.2%{-webkit-transform:perspective(200px) rotateY(30deg) scale(1.017)}
    6.2%{-webkit-transform:perspective(200px) rotateY(45deg) scale(1.025)}
    8.2%{-webkit-transform:perspective(200px) rotateY(60deg) scale(1.033)}
    10.5%{-webkit-transform:perspective(200px) rotateY(75deg) scale(1.042)}
    12.5%{-webkit-transform:perspective(200px) rotateY(90deg) scale(1.05)}
    14.5%{-webkit-transform:perspective(200px) rotateY(105deg) scale(1.055)}
    16.8%{-webkit-transform:perspective(200px) rotateY(120deg) scale(1.06)}
    18.8%{-webkit-transform:perspective(200px) rotateY(135deg) scale(1.065)}
    20.8%{-webkit-transform:perspective(200px) rotateY(150deg) scale(1.067)}
    23%{-webkit-transform:perspective(200px) rotateY(165deg) scale(1.068)}
    25%{-webkit-transform:perspective(200px) rotateY(180deg) scale(1.07)}
    27%{-webkit-transform:perspective(200px) rotateY(195deg) scale(1.067)}
    29.2%{-webkit-transform:perspective(200px) rotateY(210deg) scale(1.063)}
    31.2%{-webkit-transform:perspective(200px) rotateY(225deg) scale(1.06)}
    33.2%{-webkit-transform:perspective(200px) rotateY(240deg) scale(1.055)}
    35.5%{-webkit-transform:perspective(200px) rotateY(255deg) scale(1.05)}
    37.5%{-webkit-transform:perspective(200px) rotateY(270deg) scale(1.045)}
    39.5%{-webkit-transform:perspective(200px) rotateY(285deg) scale(1.039)}
    41.8%{-webkit-transform:perspective(200px) rotateY(300deg) scale(1.034)}
    43.8%{-webkit-transform:perspective(200px) rotateY(315deg) scale(1.028)}
    45.8%{-webkit-transform:perspective(200px) rotateY(330deg) scale(1.024)}
    48%{-webkit-transform:perspective(200px) rotateY(345deg) scale(1.019)}
    50%{-webkit-transform:perspective(200px) rotateY(360deg) scale(1.0)}
    52%{-webkit-transform:perspective(200px) rotateY(375deg) scale(1.008)}
    54.2%{-webkit-transform:perspective(200px) rotateY(390deg) scale(1.017)}
    56.2%{-webkit-transform:perspective(200px) rotateY(405deg) scale(1.025)}
    58.2%{-webkit-transform:perspective(200px) rotateY(420deg) scale(1.033)}
    60.5%{-webkit-transform:perspective(200px) rotateY(435deg) scale(1.042)}
    62.5%{-webkit-transform:perspective(200px) rotateY(450deg) scale(1.05)}
    64.5%{-webkit-transform:perspective(200px) rotateY(465deg) scale(1.055)}
    66.8%{-webkit-transform:perspective(200px) rotateY(480deg) scale(1.06)}
    68.8%{-webkit-transform:perspective(200px) rotateY(495deg) scale(1.065)}
    70.7%{-webkit-transform:perspective(200px) rotateY(510deg) scale(1.067)}
    73%{-webkit-transform:perspective(200px) rotateY(525deg) scale(1.068)}
    75%{-webkit-transform:perspective(200px) rotateY(540deg) scale(1.07)}
    77%{-webkit-transform:perspective(200px) rotateY(555deg) scale(1.067)}
    79.3%{-webkit-transform:perspective(200px) rotateY(570deg) scale(1.063)}
    81.2%{-webkit-transform:perspective(200px) rotateY(585deg) scale(1.06)}
    83.2%{-webkit-transform:perspective(200px) rotateY(600deg) scale(1.055)}
    85.5%{-webkit-transform:perspective(200px) rotateY(615deg) scale(1.05)}
    87.5%{-webkit-transform:perspective(200px) rotateY(630deg) scale(1.045)}
    89.5%{-webkit-transform:perspective(200px) rotateY(645deg) scale(1.039)}
    91.8%{-webkit-transform:perspective(200px) rotateY(660deg) scale(1.034)}
    93.8%{-webkit-transform:perspective(200px) rotateY(675deg) scale(1.028)}
    95.7%{-webkit-transform:perspective(200px) rotateY(690deg) scale(1.024)}
    100%{-webkit-transform:perspective(200px) rotateY(720deg) scale(1.0)}
}
@keyframes gate-pin-spin-app{
    0%{transform:perspective(200px) rotateY(0deg) scale(1.0)}
    2%{transform:perspective(200px) rotateY(15deg) scale(1.008)}
    4.2%{transform:perspective(200px) rotateY(30deg) scale(1.017)}
    6.2%{transform:perspective(200px) rotateY(45deg) scale(1.025)}
    8.2%{transform:perspective(200px) rotateY(60deg) scale(1.033)}
    10.5%{transform:perspective(200px) rotateY(75deg) scale(1.042)}
    12.5%{transform:perspective(200px) rotateY(90deg) scale(1.05)}
    14.5%{transform:perspective(200px) rotateY(105deg) scale(1.055)}
    16.8%{transform:perspective(200px) rotateY(120deg) scale(1.06)}
    18.8%{transform:perspective(200px) rotateY(135deg) scale(1.065)}
    20.8%{transform:perspective(200px) rotateY(150deg) scale(1.067)}
    23%{transform:perspective(200px) rotateY(165deg) scale(1.068)}
    25%{transform:perspective(200px) rotateY(180deg) scale(1.07)}
    27%{transform:perspective(200px) rotateY(195deg) scale(1.067)}
    29.2%{transform:perspective(200px) rotateY(210deg) scale(1.063)}
    31.2%{transform:perspective(200px) rotateY(225deg) scale(1.06)}
    33.2%{transform:perspective(200px) rotateY(240deg) scale(1.055)}
    35.5%{transform:perspective(200px) rotateY(255deg) scale(1.05)}
    37.5%{transform:perspective(200px) rotateY(270deg) scale(1.045)}
    39.5%{transform:perspective(200px) rotateY(285deg) scale(1.039)}
    41.8%{transform:perspective(200px) rotateY(300deg) scale(1.034)}
    43.8%{transform:perspective(200px) rotateY(315deg) scale(1.028)}
    45.8%{transform:perspective(200px) rotateY(330deg) scale(1.024)}
    48%{transform:perspective(200px) rotateY(345deg) scale(1.019)}
    50%{transform:perspective(200px) rotateY(360deg) scale(1.0)}
    52%{transform:perspective(200px) rotateY(375deg) scale(1.008)}
    54.2%{transform:perspective(200px) rotateY(390deg) scale(1.017)}
    56.2%{transform:perspective(200px) rotateY(405deg) scale(1.025)}
    58.2%{transform:perspective(200px) rotateY(420deg) scale(1.033)}
    60.5%{transform:perspective(200px) rotateY(435deg) scale(1.042)}
    62.5%{transform:perspective(200px) rotateY(450deg) scale(1.05)}
    64.5%{transform:perspective(200px) rotateY(465deg) scale(1.055)}
    66.8%{transform:perspective(200px) rotateY(480deg) scale(1.06)}
    68.8%{transform:perspective(200px) rotateY(495deg) scale(1.065)}
    70.7%{transform:perspective(200px) rotateY(510deg) scale(1.067)}
    73%{transform:perspective(200px) rotateY(525deg) scale(1.068)}
    75%{transform:perspective(200px) rotateY(540deg) scale(1.07)}
    77%{transform:perspective(200px) rotateY(555deg) scale(1.067)}
    79.3%{transform:perspective(200px) rotateY(570deg) scale(1.063)}
    81.2%{transform:perspective(200px) rotateY(585deg) scale(1.06)}
    83.2%{transform:perspective(200px) rotateY(600deg) scale(1.055)}
    85.5%{transform:perspective(200px) rotateY(615deg) scale(1.05)}
    87.5%{transform:perspective(200px) rotateY(630deg) scale(1.045)}
    89.5%{transform:perspective(200px) rotateY(645deg) scale(1.039)}
    91.8%{transform:perspective(200px) rotateY(660deg) scale(1.034)}
    93.8%{transform:perspective(200px) rotateY(675deg) scale(1.028)}
    95.7%{transform:perspective(200px) rotateY(690deg) scale(1.024)}
    100%{transform:perspective(200px) rotateY(720deg) scale(1.0)}
}

.gate .remember{display:flex;align-items:center;justify-content:center;gap:0.6rem;color:#a9b6d7;font-size:0.78rem;margin:0.15rem 0 0.25rem;cursor:pointer;user-select:none}
.gate .remember input{
    appearance:none;-webkit-appearance:none;
    width:18px;height:18px;flex:0 0 auto;margin:0;padding:0;cursor:pointer;
    border:2px solid rgba(129,215,185,0.5);border-radius:5px;
    background:rgba(6,14,32,0.45);
    position:relative;vertical-align:middle;
    transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.gate .remember input:hover{border-color:rgba(129,215,185,0.75)}
.gate .remember input:focus-visible{outline:2px solid rgba(129,215,185,0.45);outline-offset:2px}
.gate .remember input:checked{background:#54ddb4;border-color:#54ddb4;box-shadow:0 0 0 1px rgba(84,221,180,0.25)}
.gate .remember input:checked::after{
    content:'';position:absolute;left:5px;top:1px;width:5px;height:10px;
    border:solid #0b1326;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);
}
body[data-login-theme="neo"] .gate .remember input{
    border-color:rgba(2,110,86,0.35);background:#fff;
}
body[data-login-theme="neo"] .gate .remember input:checked{
    background:#026e56;border-color:#026e56;box-shadow:0 0 0 1px rgba(2,110,86,0.15);
}
body[data-login-theme="neo"] .gate .remember input:checked::after{border-color:#fff}
body[data-login-theme="neo"] .gate .remember{color:#5a6272}
.gate p{color:#88938d;font-size:0.8rem;margin-bottom:2rem;letter-spacing:0.06em;font-family:'Gabarito',system-ui,sans-serif;text-transform:uppercase}
.gate form{display:flex;flex-direction:column;gap:0.6rem;justify-content:center;max-width:320px;margin:0 auto}
.gate input{flex:1;padding:0.65rem 1rem;border:1px solid rgba(255,255,255,0.1);border-radius:8px;font-family:inherit;font-size:16px;outline:none;background:rgba(6,14,32,0.6);color:#dae2fd}
.gate input:focus{border-color:rgba(129,215,185,0.55);box-shadow:0 0 0 1px rgba(129,215,185,0.15)}
.gate input::placeholder{color:#3e4944}
.gate button{
    padding:0.65rem 1.5rem;background:#026e56;color:#fff;border:none;border-radius:8px;
    font-family:inherit;font-size:0.8rem;font-weight:600;cursor:pointer;letter-spacing:0.05em;
    box-shadow:0 0 18px rgba(2,110,86,0.35);
    transition:background .12s ease,transform .12s ease,box-shadow .12s ease;
    -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.gate button:hover{background:#015a47}
.gate button:active{
    background:#014a3c;
    transform:translateY(2px) scale(0.98);
    box-shadow:0 0 8px rgba(2,110,86,0.22),inset 0 2px 4px rgba(0,0,0,0.18);
}
.gate .err{color:#ffb4ab;font-size:0.75rem;margin-top:1rem}
body[data-login-theme="neo"]{
    background:#f7f7f8;
    color:#1a1d24;
}
body[data-login-theme="neo"] .gate-brand{color:#1f2430}
body[data-login-theme="neo"] .gate-brand .logo__y-pin{filter:drop-shadow(0 0 10px rgba(2,110,86,0.22))}
body[data-login-theme="neo"] .gate-brand .logo__y-pin .cls-0,
body[data-login-theme="neo"] .gate-brand .logo__y-pin path{fill:#026e56}
body[data-login-theme="neo"] .gate p{color:#667086}
body[data-login-theme="neo"] .gate input{
    background:#fff;
    color:#1f2734;
    border:1px solid rgba(26,32,45,0.2);
}
body[data-login-theme="neo"] .gate input:focus{
    border-color:rgba(157,124,173,0.58);
    box-shadow:0 0 0 1px rgba(157,124,173,0.18);
}
body[data-login-theme="neo"] .gate button{
    background:#1e2128;
    box-shadow:0 8px 16px rgba(30,33,40,0.16);
}
body[data-login-theme="neo"] .gate button:hover{background:#14161b}
body[data-login-theme="neo"] .gate button:active{
    background:#0a0c10;
    transform:translateY(2px) scale(0.98);
    box-shadow:0 2px 6px rgba(30,33,40,0.2),inset 0 2px 4px rgba(0,0,0,0.2);
}