html,
        body {
            width: 100%;
            height: 100%;
            margin: 0 !important;
            padding: 0 !important;
            overflow: hidden !important;
            background: #030916 !important;
        }

        body {
            position: fixed;
            inset: 0;
        }

        .device-frame {
            position: fixed;
            inset: 0;
            left: 50%;
            width: 100%;
            max-width: 430px;
            height: 100dvh;
            transform: translateX(-50%);
            overflow: hidden;
            background: #030916;
            --color-k-muted: rgba(255, 255, 255, .70);
            --color-k-border: rgba(255, 255, 255, .16);
        }

        .auth-video-bg {
            position: absolute;
            inset: 0;
            overflow: hidden;
            background: #030916;
        }

        .auth-video,
        .video-loader img {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 112%;
            height: 112%;
            object-fit: cover;
            transform: translate(-50%, -50%) scale(1.04);
            filter: blur(4px) brightness(.68) saturate(1.10);
        }

        .auth-video {
            opacity: 0;
            transition: opacity .4s;
        }

        .auth-video-bg.ready .auth-video {
            opacity: 1;
        }

        .video-loader {
            position: absolute;
            inset: 0;
            z-index: 2;
            background: #030916;
            transition: opacity .4s;
        }

        .auth-video-bg.ready .video-loader {
            opacity: 0;
            visibility: hidden;
        }

        .auth-video-bg::after {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 3;
            background: linear-gradient(180deg, rgba(3, 9, 22, .30), rgba(3, 9, 22, .48));
        }

        .images-container {
            width: 100%;
            height: 90px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: visible;
            margin-bottom: 16px;
            position: relative;
            top: -240px;
            left: 0;
        }

        .images-container img {
            width: 250px !important;
            height: 100px !important;
            min-width: 250px !important;
            min-height: 100px !important;
            max-width: 250px !important;
            max-height: 100px !important;
            object-fit: contain;
            display: block;
            margin: 0 !important;
            position: relative;
        }

        .login-content {
            position: absolute;
            top: 45%;
            left: 0;
            width: 100%;
            z-index: 5;
        }

        .h-display {
            color: #fff !important;
        }

        #loginForm {
            margin-top: 14px;
        }

        .auth-input-wrap {
            position: relative;
        }

        .auth-left-icon {
            position: absolute;
            top: 50%;
            left: 15px;
            transform: translateY(-50%);
            z-index: 2;
            font-size: 19px;
            color: rgba(255, 255, 255, .65);
        }

        #loginForm .input {
            padding-left: 46px !important;
            background: rgba(8, 18, 38, .80) !important;
            border-color: rgba(255, 255, 255, .16) !important;
            color: #fff !important;
            font-size: 16px !important;
            backdrop-filter: blur(12px);
        }

        #loginForm .input::placeholder {
            color: rgba(255, 255, 255, .58) !important;
        }

        #loginForm input:-webkit-autofill,
        #loginForm input:-webkit-autofill:hover,
        #loginForm input:-webkit-autofill:focus,
        #loginForm input:-webkit-autofill:active {
            -webkit-text-fill-color: #fff !important;
            -webkit-box-shadow: 0 0 0 1000px rgba(8, 18, 38, .96) inset !important;
            box-shadow: 0 0 0 1000px rgba(8, 18, 38, .96) inset !important;
            caret-color: #fff !important;
            transition: background-color 9999s ease-out 0s;
        }

        .login-bottom {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            z-index: 5;
        }

        .btn-spinner {
            width: 18px;
            height: 18px;
            display: inline-block;
            border: 2px solid rgba(255, 255, 255, .4);
            border-top-color: #fff;
            border-radius: 50%;
            animation: spin .7s linear infinite;
        }

        @keyframes spin {
            to {
                transform: rotate(360deg);
            }
        }

        @media(max-height:650px) {
            .login-content {
                top: 34%;
            }
        }