html,
body.home-video-page {
    min-height: 100%;
    background: #071119;
}

body.home-video-page {
    overflow-x: hidden;
}

html,
body.auth-video-page {
    min-height: 100%;
    background: #071119 !important;
}

body.auth-video-page {
    overflow-x: hidden;
}

.home-video-background {
    position: fixed;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    background-color: #071119;
    background-image: url('/assets/video/home-bg-poster.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-video-background__media {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    transform: scale(1.015);
    transition: opacity 1.1s ease;
}

.home-video-background__media.is-ready {
    opacity: 1;
}

.home-video-background__shade {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background:
        radial-gradient(circle at 73% 16%, rgba(210, 235, 240, .1), transparent 26%),
        linear-gradient(90deg, rgba(2, 10, 16, .4) 0%, rgba(3, 13, 19, .48) 48%, rgba(2, 9, 14, .78) 100%),
        linear-gradient(180deg, rgba(1, 8, 12, .58) 0%, rgba(2, 10, 15, .08) 42%, rgba(1, 8, 12, .75) 100%);
}

.home-video-page .main-baner,
.home-video-page footer {
    position: relative;
    z-index: 1;
}

.auth-video-page .auth-video-shell {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    min-height: 100vh;
    padding: 24px 4vw 40px;
    background: transparent !important;
}

.auth-video-page .auth-video-panel-wrap {
    width: 100%;
    margin-right: 0 !important;
    margin-left: auto !important;
}

.auth-mobile-reveal {
    display: none;
}

.auth-video-page .auth-video-card {
    color: rgba(241, 247, 249, .88);
    border-color: rgba(255, 255, 255, .16) !important;
    border-radius: 24px !important;
    background: linear-gradient(145deg, rgba(5, 18, 26, .48), rgba(3, 13, 20, .22)) !important;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .24) !important;
    -webkit-backdrop-filter: blur(9px) saturate(112%);
    backdrop-filter: blur(9px) saturate(112%);
}

.auth-video-page .auth-video-card h1 {
    color: #ffffff !important;
    font-weight: 400;
    letter-spacing: .03em;
    text-shadow: 0 3px 18px rgba(0, 0, 0, .5);
}

.auth-video-page .auth-video-card p,
.auth-video-page .auth-video-card .text-gray-400,
.auth-video-page .auth-video-card .text-gray-500,
.auth-video-page .auth-video-card .text-gray-600,
.auth-video-page .auth-video-card .text-gray-700,
.auth-video-page .auth-video-card .text-gray-800,
.auth-video-page .auth-video-card .text-gray-950 {
    color: rgba(225, 237, 242, .7) !important;
}

.auth-video-page .auth-video-card a {
    color: rgba(231, 243, 247, .88) !important;
    text-decoration-color: rgba(255, 255, 255, .5);
}

.auth-video-page .auth-video-card a:hover,
.auth-video-page .auth-video-card a:focus {
    color: #ffffff !important;
}

.auth-video-page .auth-video-card h1[class] {
    color: #ffffff !important;
}

.auth-video-page .auth-video-card a[href] {
    color: rgba(231, 243, 247, .88) !important;
}

.auth-video-page .auth-video-card a[aria-label="返回首页"] {
    border-color: rgba(255, 255, 255, .18) !important;
    background: rgba(5, 18, 26, .42) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .2) !important;
}

.auth-video-page .auth-video-card input:not([type="checkbox"]):not([type="radio"]) {
    color: rgba(248, 251, 252, .96) !important;
    border-color: rgba(255, 255, 255, .16) !important;
    background: rgba(3, 15, 23, .46) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 8px 24px rgba(0, 0, 0, .12) !important;
}

.auth-video-page .auth-video-card input:not([type="checkbox"]):not([type="radio"])::placeholder {
    color: rgba(222, 235, 240, .5) !important;
}

.auth-video-page .auth-video-card input:not([type="checkbox"]):not([type="radio"]):focus {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, .58) !important;
    background: rgba(4, 20, 29, .68) !important;
    box-shadow: 0 0 0 3px rgba(207, 231, 239, .12), 0 12px 30px rgba(0, 0, 0, .18) !important;
}

.auth-video-page .auth-video-card input:-webkit-autofill,
.auth-video-page .auth-video-card input:-webkit-autofill:hover,
.auth-video-page .auth-video-card input:-webkit-autofill:focus {
    -webkit-text-fill-color: #ffffff;
    -webkit-box-shadow: 0 0 0 1000px rgba(4, 20, 29, .92) inset !important;
    caret-color: #ffffff;
}

.auth-video-page .auth-video-card input[type="checkbox"] {
    border-color: rgba(255, 255, 255, .42);
    background: rgba(3, 15, 23, .44);
    accent-color: #d8e9ee;
}

.auth-video-page .auth-video-card div[class~="bg-white/55"],
.auth-video-page .auth-video-card div[class~="bg-white/45"] {
    color: rgba(230, 241, 245, .78) !important;
    border-color: rgba(255, 255, 255, .16) !important;
    background: rgba(3, 15, 23, .4) !important;
}

body.auth-video-page #login,
body.auth-video-page #tos,
body.auth-video-page #reset,
body.auth-video-page #email_verify {
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .78) !important;
    background: rgba(7, 27, 37, .42) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .18) !important;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}

body.auth-video-page #login *,
body.auth-video-page #tos *,
body.auth-video-page #reset *,
body.auth-video-page #email_verify * {
    color: inherit !important;
}

body.auth-video-page #login:hover,
body.auth-video-page #login:focus,
body.auth-video-page #tos:hover,
body.auth-video-page #tos:focus,
body.auth-video-page #reset:hover,
body.auth-video-page #reset:focus,
body.auth-video-page #email_verify:hover,
body.auth-video-page #email_verify:focus {
    color: #0b2834 !important;
    border-color: #ffffff !important;
    background: rgba(255, 255, 255, .94) !important;
}

body.auth-video-page #login:hover *,
body.auth-video-page #login:focus *,
body.auth-video-page #tos:hover *,
body.auth-video-page #tos:focus *,
body.auth-video-page #reset:hover *,
body.auth-video-page #reset:focus *,
body.auth-video-page #email_verify:hover *,
body.auth-video-page #email_verify:focus * {
    color: #0b2834 !important;
}

.auth-video-page .auth-video-card .auth-inline-hint {
    color: rgba(220, 234, 239, .62) !important;
}

.auth-video-page .auth-video-card .auth-strength-weak {
    color: #fca5a5 !important;
}

.auth-video-page .auth-video-card .auth-strength-medium {
    color: #fcd34d !important;
}

.auth-video-page .auth-video-card .auth-strength-strong {
    color: #6ee7b7 !important;
}

body.auth-video-page .modal-content {
    color: rgba(232, 243, 247, .82) !important;
    border-color: rgba(255, 255, 255, .18) !important;
    background: linear-gradient(145deg, rgba(5, 18, 26, .9), rgba(3, 13, 20, .82)) !important;
    box-shadow: 0 24px 68px rgba(0, 0, 0, .38) !important;
    -webkit-backdrop-filter: blur(16px) saturate(112%);
    backdrop-filter: blur(16px) saturate(112%);
}

body.auth-video-page .modal-title,
body.auth-video-page .modal-inner,
body.auth-video-page .modal-inner p,
body.auth-video-page #result #msg {
    color: rgba(240, 247, 249, .9) !important;
}

body.auth-video-page .modal-footer .btn,
body.auth-video-page .modal-footer button {
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .68) !important;
    background: rgba(7, 27, 37, .56) !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .2) !important;
}

body.auth-video-page .modal-footer .btn *,
body.auth-video-page .modal-footer button *,
body.auth-video-page #result .modal-footer .btn *,
body.auth-video-page #result #result_ok,
body.auth-video-page #result #result_ok * {
    color: #ffffff !important;
}

body.auth-video-page .modal-footer .btn:hover,
body.auth-video-page .modal-footer button:hover {
    color: #0b2834 !important;
    background: #ffffff !important;
}

body.auth-video-page .modal-footer .btn:hover *,
body.auth-video-page .modal-footer button:hover * {
    color: #0b2834 !important;
}

body.auth-video-page .ui-footer {
    position: fixed;
    right: 4vw;
    bottom: 12px;
    left: auto;
    width: 460px;
    max-width: calc(100vw - 8vw);
    height: 20px;
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(234, 242, 245, .72);
    text-shadow: 0 1px 10px rgba(0, 0, 0, .56);
}

body.auth-video-page.auth-video-long-page .ui-footer {
    position: absolute;
}

body.content-glass-page {
    --content-glass-background: linear-gradient(145deg, rgba(5, 18, 26, .48), rgba(3, 13, 20, .22));
    --content-glass-border: rgba(255, 255, 255, .16);
    --content-glass-text: rgba(241, 247, 249, .9);
    --content-glass-muted: rgba(225, 237, 242, .68);
    min-height: 100vh;
    color: var(--content-glass-text);
    background: #071119;
}

.content-glass-page .home-video-background__shade {
    background:
        radial-gradient(circle at 52% 14%, rgba(210, 235, 240, .09), transparent 28%),
        linear-gradient(180deg, rgba(1, 8, 12, .68) 0%, rgba(2, 10, 15, .36) 44%, rgba(1, 8, 12, .82) 100%),
        rgba(2, 10, 16, .28);
}

.content-glass-page .content-glass-main {
    z-index: 1;
    min-height: calc(100vh - 91px);
    padding: 126px 0 88px;
    overflow: visible;
    background: transparent !important;
}

.content-glass-page .content-glass-main > .container {
    position: relative;
    z-index: 1;
}

.content-glass-page .second-title {
    display: block;
    margin: 0 auto 38px;
    padding: 28px 32px 30px;
    color: var(--content-glass-text);
    border: 1px solid var(--content-glass-border);
    border-radius: 24px;
    background: var(--content-glass-background);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .22);
    -webkit-backdrop-filter: blur(9px) saturate(112%);
    backdrop-filter: blur(9px) saturate(112%);
    animation: content-glass-rise 700ms 80ms both cubic-bezier(.22, 1, .36, 1);
}

.content-glass-page .second-title h2 {
    padding-bottom: 13px;
    color: #ffffff;
    font-weight: 300;
    letter-spacing: .025em;
    text-shadow: 0 3px 18px rgba(0, 0, 0, .5);
}

.content-glass-page .second-title p,
.content-glass-page .second-title p font {
    padding-bottom: 0;
    color: var(--content-glass-muted) !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, .42);
}

.content-glass-page .content-glass-card-grid {
    display: flex;
    flex-wrap: wrap;
}

.content-glass-page .content-glass-card-grid::before,
.content-glass-page .content-glass-card-grid::after {
    display: none;
}

.content-glass-page .content-glass-card-grid > [class*="col-"] {
    display: flex;
    margin-bottom: 30px;
    animation: content-glass-rise 720ms both cubic-bezier(.22, 1, .36, 1);
}

.content-glass-page .content-glass-card-grid > [class*="col-"]:nth-child(1) {
    animation-delay: 150ms;
}

.content-glass-page .content-glass-card-grid > [class*="col-"]:nth-child(2) {
    animation-delay: 210ms;
}

.content-glass-page .content-glass-card-grid > [class*="col-"]:nth-child(3) {
    animation-delay: 270ms;
}

.content-glass-page .content-glass-card-grid > [class*="col-"]:nth-child(4) {
    animation-delay: 330ms;
}

.content-glass-page .price-block,
.content-glass-page .serv-block,
.content-glass-page .host-item {
    width: 100%;
    height: 100%;
    color: var(--content-glass-text);
    border: 1px solid var(--content-glass-border);
    border-radius: 24px;
    background: var(--content-glass-background);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .22);
    -webkit-backdrop-filter: blur(9px) saturate(112%);
    backdrop-filter: blur(9px) saturate(112%);
}

.content-glass-page .price-block {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.content-glass-page .price-block:hover,
.content-glass-page .serv-block:hover,
.content-glass-page .host-item:hover {
    margin-top: 0;
    border-color: rgba(255, 255, 255, .28);
    box-shadow: 0 28px 72px rgba(0, 0, 0, .28);
    transform: translateY(-6px);
}

.content-glass-page .price-header,
.content-glass-page .price-header.bg-blue,
.content-glass-page .price-header.bg-red,
.content-glass-page .price-header.bg-yellow,
.content-glass-page .price-header.bg-green {
    padding: 23px 18px;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, .14);
    background: rgba(7, 27, 37, .28);
}

.content-glass-page .price-header h5 {
    color: #ffffff;
    font-weight: 400;
    letter-spacing: .045em;
}

.content-glass-page .price-block ul {
    flex: 1 1 auto;
    padding: 8px 22px 18px;
}

.content-glass-page .price-block ul li {
    padding: 15px 0;
    color: var(--content-glass-muted);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    line-height: 20px;
}

.content-glass-page .price-block ul li:last-child {
    border-bottom: 0;
}

.content-glass-page .price-block ul li .fa {
    color: rgba(220, 239, 244, .86);
}

.content-glass-page .price-num {
    padding: 0 22px 26px;
}

.content-glass-page .price-num > span {
    padding-bottom: 20px;
    color: #ffffff;
    font-weight: 300;
    text-shadow: 0 3px 18px rgba(0, 0, 0, .42);
}

.content-glass-page .price-num .button-2,
.content-glass-page .price-num .button-2.bg-blue {
    width: 100%;
    margin-bottom: 0;
    padding: 17px 22px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 16px;
    background: rgba(7, 27, 37, .42);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}

.content-glass-page .price-num .button-2::before {
    display: none;
}

.content-glass-page .price-num .button-2:hover,
.content-glass-page .price-num .button-2:focus {
    color: #0b2834;
    border-color: #ffffff;
    background: rgba(255, 255, 255, .94);
}

.content-glass-page .serv-block {
    min-height: 272px;
    padding: 36px 22px 30px;
    transition:
        border-color 280ms ease,
        box-shadow 360ms ease,
        transform 420ms cubic-bezier(.22, 1, .36, 1);
}

.content-glass-page .serv-block[class*="border-"] {
    border: 1px solid var(--content-glass-border);
}

.content-glass-page .serv-block img {
    width: 60px;
    height: 60px;
    margin-bottom: 18px;
    object-fit: contain;
    opacity: .84;
    filter: grayscale(1) brightness(2.15);
}

.content-glass-page .serv-block h6 {
    padding-bottom: 8px;
    color: #ffffff;
    font-weight: 400;
}

.content-glass-page .serv-block p {
    padding-bottom: 0;
    color: var(--content-glass-muted);
}

.content-glass-page .content-glass-service .content-glass-card-grid + .content-glass-card-grid {
    margin-top: 0;
}

.content-glass-page .host-item {
    display: flex;
    min-height: 284px;
    flex-direction: column;
    align-items: center;
    padding: 34px 24px 30px;
    transition:
        border-color 280ms ease,
        box-shadow 360ms ease,
        transform 420ms cubic-bezier(.22, 1, .36, 1);
}

.content-glass-page .host-item > a:first-child {
    display: flex;
    width: 76px;
    height: 76px;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 22px;
    background: rgba(5, 18, 26, .42);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .2);
}

.content-glass-page .host-item > a:first-child img {
    width: auto;
    max-width: 50px;
    height: auto;
    max-height: 50px;
    margin: 0;
    object-fit: contain;
}

.content-glass-page .host-item h5 {
    padding-bottom: 20px;
    color: #ffffff;
    font-weight: 400;
}

.content-glass-page .host-item h5 a {
    color: #ffffff;
}

.content-glass-page .host-item ul {
    width: 100%;
    margin-top: auto;
}

.content-glass-page .host-item ul li a {
    display: inline-block;
    min-width: 142px;
    padding: 13px 22px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 15px;
    background: rgba(7, 27, 37, .42);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .16);
    transition:
        color 260ms ease,
        border-color 260ms ease,
        background 260ms ease;
}

.content-glass-page .host-item ul li a:hover,
.content-glass-page .host-item ul li a:focus {
    color: #0b2834;
    border-color: #ffffff;
    background: rgba(255, 255, 255, .94);
}

.content-glass-page nav > ul > li > a::before {
    background: rgba(255, 255, 255, .84);
}

.content-glass-page footer,
.content-glass-page footer.bg-dark,
.content-glass-page footer .copyright,
.content-glass-page footer .copyright.bg-dark-2 {
    position: relative;
    z-index: 1;
    border-color: rgba(255, 255, 255, .1);
    background: rgba(2, 10, 16, .74) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.content-glass-page footer .copyright span,
.content-glass-page footer .copyright a {
    color: rgba(226, 238, 242, .68);
}

@keyframes content-glass-rise {
    from {
        opacity: 0;
        transform: translate3d(0, 22px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.home-video-page header {
    position: fixed;
    z-index: 1000;
    pointer-events: auto;
    background: linear-gradient(180deg, rgba(2, 10, 16, .82), rgba(2, 10, 16, .32));
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .12);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.home-video-page .first-page {
    min-height: 100vh;
    position: relative;
    padding-top: 60px;
    display: flex;
    align-items: center;
    background: transparent;
}

.home-video-page .first-page>.container {
    width: 100%;
    padding-right: 4vw;
    padding-left: 4vw;
}

.home-video-page .first-page::after {
    display: none;
}

.home-video-page .home-hero-copy {
    width: 430px;
    max-width: calc(100% - 48px);
    float: right;
    margin-left: 0;
    margin-right: 0;
    padding: 30px 34px 34px;
    color: #ffffff;
    background: linear-gradient(145deg, rgba(5, 18, 26, .42), rgba(3, 13, 20, .16));
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 24px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .2);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}

.home-video-page .first-page h1 {
    margin-bottom: 12px;
    font-size: 44px;
    line-height: 1.35;
    font-weight: 300;
    letter-spacing: .02em;
    text-shadow: 0 4px 24px rgba(0, 0, 0, .65);
}

.home-video-page .first-page p {
    color: rgba(244, 249, 252, .88);
    letter-spacing: .08em;
    text-shadow: 0 2px 16px rgba(0, 0, 0, .72);
}

.home-video-page .first-page .button {
    background: rgba(7, 27, 37, .46);
    border-color: rgba(255, 255, 255, .85);
    box-shadow: 0 12px 34px rgba(0, 0, 0, .2);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}

.home-video-page .first-page .button:hover,
.home-video-page .first-page .button:focus {
    color: #0b2834;
    background: #ffffff;
}

@media screen and (max-width: 990px) {
    .home-video-background,
    .home-video-background__media {
        background-position: 50% center;
        object-position: 50% center;
    }

    .home-video-background__shade {
        background:
            linear-gradient(180deg, rgba(1, 8, 12, .62) 0%, rgba(2, 10, 15, .24) 42%, rgba(1, 8, 12, .78) 100%),
            rgba(2, 10, 16, .28);
    }

    .home-video-page .first-page {
        min-height: 100vh;
        padding: 120px 0 48px;
    }

    .home-video-page .first-page .container {
        width: 100%;
    }

    .home-video-page .home-hero-copy {
        width: auto;
        max-width: none;
        float: none;
        margin: 0 18px;
        padding: 28px 22px 32px;
        text-align: center;
        border-radius: 22px;
    }

    .home-video-page .first-page h1 {
        font-size: 38px;
        line-height: 1.3;
        margin-bottom: 12px;
    }

    .content-glass-page .home-video-background__shade {
        background:
            linear-gradient(180deg, rgba(1, 8, 12, .66) 0%, rgba(2, 10, 15, .3) 40%, rgba(1, 8, 12, .84) 100%),
            rgba(2, 10, 16, .3);
    }

    .content-glass-page .content-glass-main {
        padding: 102px 0 58px;
    }

    .content-glass-page .second-title {
        margin-bottom: 28px;
        padding: 25px 24px 27px;
        border-radius: 22px;
    }

    .content-glass-page .second-title h2 {
        font-size: 31px;
        line-height: 1.3;
    }

    .content-glass-page .second-title p {
        font-size: 15px;
        line-height: 1.75;
    }

    .content-glass-page .content-glass-card-grid > [class*="col-"] {
        margin-bottom: 20px;
    }

    .content-glass-page .price-block:hover,
    .content-glass-page .serv-block:hover,
    .content-glass-page .host-item:hover {
        transform: none;
    }

    .content-glass-page .serv-block {
        min-height: 254px;
    }

    .content-glass-page .host-item {
        min-height: 266px;
    }

    .auth-video-page .auth-video-shell {
        padding: 24px 18px 52px;
    }

    .auth-video-page .auth-video-panel-wrap {
        max-width: 460px;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body.auth-video-page.auth-mobile-reveal-ready {
        overflow: hidden;
    }

    body.auth-video-page.auth-mobile-reveal-ready .auth-video-shell {
        position: fixed;
        z-index: 10;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        height: 100dvh;
        min-height: 0;
        padding: 24px 18px 52px;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        pointer-events: none;
        -webkit-overflow-scrolling: touch;
    }

    body.auth-video-page.auth-mobile-reveal-ready .auth-video-shell::before {
        content: "";
        position: fixed;
        z-index: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        background:
            radial-gradient(circle at 50% 18%, rgba(197, 224, 232, .08), transparent 34%),
            rgba(1, 8, 12, .14);
        transition: opacity 620ms cubic-bezier(.22, 1, .36, 1);
    }

    body.auth-video-page.auth-mobile-reveal-ready .auth-video-panel-wrap {
        min-height: calc(100vh - 76px);
        min-height: calc(100dvh - 76px);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translate3d(0, 44px, 0) scale(.965);
        filter: blur(8px);
        transform-origin: center bottom;
        transition: none;
    }

    body.auth-video-page.auth-mobile-reveal-ready.auth-mobile-form-open .auth-video-shell {
        pointer-events: auto;
    }

    body.auth-video-page.auth-mobile-reveal-ready.auth-mobile-form-open .auth-video-shell::before {
        opacity: 1;
    }

    body.auth-video-page.auth-mobile-reveal-ready.auth-mobile-form-open .auth-video-panel-wrap {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translate3d(0, 0, 0) scale(1);
        filter: blur(0);
        transition:
            opacity 620ms 80ms cubic-bezier(.22, 1, .36, 1),
            transform 720ms 80ms cubic-bezier(.22, 1, .36, 1),
            filter 520ms 80ms ease;
    }

    body.auth-video-page.auth-mobile-reveal-ready .auth-mobile-reveal {
        position: fixed;
        z-index: 30;
        right: 0;
        bottom: calc(46px + env(safe-area-inset-bottom, 0px));
        left: 0;
        display: flex;
        justify-content: center;
        padding: 0 24px;
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transform: translate3d(0, 0, 0) scale(1);
        transition:
            opacity 280ms ease,
            transform 420ms cubic-bezier(.22, 1, .36, 1),
            visibility 0s linear 0s;
        animation: auth-mobile-reveal-enter 760ms 180ms both cubic-bezier(.22, 1, .36, 1);
    }

    body.auth-video-page.auth-mobile-reveal-ready.auth-mobile-form-open .auth-mobile-reveal {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translate3d(0, 20px, 0) scale(.95);
        transition-delay: 0s, 0s, 420ms;
        animation: none;
    }

    .auth-mobile-reveal__button {
        position: relative;
        display: flex;
        width: min(224px, calc(100vw - 48px));
        min-height: 56px;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 0 22px;
        overflow: hidden;
        color: rgba(248, 252, 253, .96);
        border: 1px solid rgba(255, 255, 255, .62);
        border-radius: 999px;
        outline: none;
        background: linear-gradient(145deg, rgba(7, 28, 38, .58), rgba(3, 15, 23, .34));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .12),
            0 18px 42px rgba(0, 0, 0, .28);
        -webkit-backdrop-filter: blur(10px) saturate(118%);
        backdrop-filter: blur(10px) saturate(118%);
        transition:
            color 260ms ease,
            border-color 260ms ease,
            background 260ms ease,
            box-shadow 260ms ease,
            transform 260ms cubic-bezier(.22, 1, .36, 1);
        -webkit-tap-highlight-color: transparent;
    }

    .auth-mobile-reveal__button::before {
        content: "";
        position: absolute;
        top: 1px;
        right: 18px;
        left: 18px;
        height: 1px;
        opacity: .72;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .65), transparent);
    }

    .auth-mobile-reveal__button:focus-visible {
        border-color: #ffffff;
        box-shadow:
            0 0 0 4px rgba(218, 239, 245, .18),
            0 18px 42px rgba(0, 0, 0, .28);
    }

    .auth-mobile-reveal__button:active {
        transform: scale(.97);
    }

    .auth-mobile-reveal__label {
        position: relative;
        z-index: 1;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: .08em;
        line-height: 1;
    }

    .auth-mobile-reveal__icon {
        position: relative;
        z-index: 1;
        font-size: 18px;
        line-height: 1;
        transition: transform 360ms cubic-bezier(.22, 1, .36, 1);
    }

    .auth-mobile-reveal__button:hover .auth-mobile-reveal__icon,
    .auth-mobile-reveal__button:focus-visible .auth-mobile-reveal__icon {
        transform: translateY(-3px);
    }

    body.auth-video-page .ui-footer {
        position: fixed;
        right: 0;
        bottom: 8px;
        left: 0;
        width: 100%;
        max-width: none;
        height: 20px;
        padding: 0;
    }

    body.auth-video-page.auth-video-long-page .ui-footer {
        position: absolute;
        bottom: 8px;
    }

    body.auth-video-page.auth-video-long-page.auth-mobile-reveal-ready .ui-footer {
        position: fixed;
    }

    body.auth-video-page.auth-mobile-reveal-ready .ui-footer {
        transition: opacity 260ms ease;
    }

    body.auth-video-page.auth-mobile-reveal-ready.auth-mobile-form-open .ui-footer {
        opacity: 0;
        pointer-events: none;
    }
}

@keyframes auth-mobile-reveal-enter {
    from {
        opacity: 0;
        transform: translate3d(0, 24px, 0) scale(.96);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@media screen and (max-width: 480px) {
    .home-video-page .first-page h1 {
        font-size: 32px;
    }

    .home-video-page .first-page p {
        font-size: 15px;
        letter-spacing: .04em;
    }

    .content-glass-page .content-glass-main {
        padding: 88px 0 44px;
    }

    .content-glass-page .content-glass-main > .container {
        padding-right: 18px;
        padding-left: 18px;
    }

    .content-glass-page .second-title {
        padding: 22px 18px 24px;
    }

    .content-glass-page .second-title h2 {
        font-size: 27px;
    }

    .content-glass-page .price-block ul {
        padding-right: 18px;
        padding-left: 18px;
    }

    .content-glass-page .price-block ul li {
        padding: 13px 0;
    }

    .content-glass-page .serv-block,
    .content-glass-page .host-item {
        min-height: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-video-background__media {
        display: none;
        transition: none;
    }

    .auth-mobile-reveal,
    .auth-mobile-reveal__button,
    .auth-mobile-reveal__icon,
    .auth-video-page .auth-video-shell::before,
    .auth-video-page .auth-video-panel-wrap,
    .auth-video-page .ui-footer {
        animation: none !important;
        transition: none !important;
    }

    .auth-video-page .auth-video-panel-wrap {
        filter: none !important;
    }

    .content-glass-page .second-title,
    .content-glass-page .content-glass-card-grid > [class*="col-"] {
        animation: none !important;
    }
}