/* ============================================================
   VITANET LOGIN R4
   Structural premium redesign
   Monochrome typography / precision glass / restrained cosmic
   ============================================================ */

:root {
    --r4-bg-0: #020611;
    --r4-bg-1: #041027;
    --r4-bg-2: #07152d;

    --r4-text: #f6f8fd;
    --r4-muted: rgb(206 216 238 / .66);
    --r4-soft: rgb(184 198 228 / .45);

    --r4-blue: #587dff;
    --r4-cyan: #4acfff;
    --r4-violet: #7358ff;

    --r4-panel:
        rgb(8 18 40 / .61);

    --r4-panel-strong:
        rgb(8 18 40 / .78);

    --r4-border:
        rgb(158 184 238 / .18);

    --r4-hairline:
        rgb(117 155 235 / .13);
}


/* ============================================================
   ROOT
   ============================================================ */

html,
body {
    min-height: 100%;
}

body.vt-login-page {
    margin: 0;

    background:
        var(--r4-bg-0);

    color:
        var(--r4-text);
}


/* ============================================================
   CANVAS
   ============================================================ */

.vt-login-stage {
    position: relative !important;

    isolation: isolate;

    display: block !important;

    min-height:
        100svh
        !important;

    padding:
        0
        clamp(30px, 4vw, 68px)
        !important;

    overflow:
        hidden
        !important;

    background:
        radial-gradient(
            circle at 50% -12%,
            rgb(57 93 191 / .18),
            transparent 33%
        ),

        radial-gradient(
            circle at -8% 73%,
            rgb(92 56 179 / .10),
            transparent 27%
        ),

        radial-gradient(
            circle at 106% 73%,
            rgb(32 112 192 / .11),
            transparent 30%
        ),

        linear-gradient(
            145deg,
            #020611 0%,
            #041027 45%,
            #041228 73%,
            #020713 100%
        );
}


/* Old production artwork is intentionally not part of R4. */

.vt-login-production-bg {
    display:
        none
        !important;
}


/* ============================================================
   STAR FIELD — VERY RESTRAINED
   ============================================================ */

.vt-login-stage::before {
    content: "";

    position: fixed;

    inset: 0;

    z-index: 0;

    pointer-events: none;

    opacity: .65;

    background:
        radial-gradient(
            circle at 8% 35%,
            rgb(116 182 255 / .80) 0 1px,
            transparent 1.6px
        ),

        radial-gradient(
            circle at 21% 76%,
            rgb(113 123 255 / .55) 0 1px,
            transparent 1.6px
        ),

        radial-gradient(
            circle at 31% 19%,
            rgb(91 154 255 / .51) 0 1px,
            transparent 1.6px
        ),

        radial-gradient(
            circle at 64% 17%,
            rgb(100 158 255 / .56) 0 1px,
            transparent 1.6px
        ),

        radial-gradient(
            circle at 81% 31%,
            rgb(91 168 255 / .64) 0 1px,
            transparent 1.6px
        ),

        radial-gradient(
            circle at 91% 67%,
            rgb(79 171 255 / .54) 0 1px,
            transparent 1.6px
        ),

        radial-gradient(
            circle at 74% 83%,
            rgb(112 114 255 / .44) 0 1px,
            transparent 1.6px
        );
}


/* Soft central depth. */

.vt-login-stage::after {
    content: "";

    position: fixed;

    left: 50%;
    top: 46%;

    z-index: 0;

    width:
        min(900px, 70vw);

    aspect-ratio:
        1.3;

    transform:
        translate(-50%, -50%);

    pointer-events: none;

    background:
        radial-gradient(
            ellipse,
            rgb(35 72 155 / .085),
            transparent 68%
        );

    filter:
        blur(22px);
}


/* ============================================================
   ORBITAL ARCHITECTURE
   ============================================================ */

.vt-login-atmosphere {
    position: fixed;

    inset: 0;

    z-index: 1;

    overflow: hidden;

    pointer-events: none;
}

.vt-login-atmosphere::before,
.vt-login-atmosphere::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

.vt-login-atmosphere::before {
    width: 71vw;
    height: 29vw;

    left: -31vw;
    top: 19vh;

    border:
        1px solid
        rgb(93 132 229 / .15);

    transform:
        rotate(-10deg);
}

.vt-login-atmosphere::after {
    width: 83vw;
    height: 34vw;

    right: -43vw;
    bottom: 1vh;

    border:
        1px solid
        rgb(57 151 229 / .15);

    transform:
        rotate(-18deg);
}


/* One secondary line only. */

.vt-login-halo {
    position: fixed !important;

    inset: 0 !important;

    z-index: 1 !important;

    width: auto !important;
    height: auto !important;

    background: none !important;

    opacity: 1 !important;

    filter: none !important;

    pointer-events: none;
}

.vt-login-halo::before {
    content: "";

    position: absolute;

    width: 62vw;
    height: 24vw;

    left: -29vw;
    bottom: -3vw;

    border-radius: 50%;

    border:
        1px solid
        rgb(108 78 233 / .13);

    transform:
        rotate(14deg);
}


/* ============================================================
   PLANETS
   ============================================================ */

.vt-login-orb {
    position: fixed;

    z-index: 2;

    aspect-ratio: 1;

    border-radius: 50%;

    pointer-events: none;

    will-change: transform;
}


/* Top-left main planet */

.vt-login-orb--1 {
    width:
        clamp(420px, 32vw, 590px);

    left:
        clamp(-320px, -17vw, -195px);

    top:
        clamp(-285px, -15vw, -160px);

    background:
        radial-gradient(
            circle at 28% 20%,
            rgb(225 240 255 / .65) 0%,
            rgb(90 139 216 / .43) 7%,
            transparent 20%
        ),

        radial-gradient(
            circle at 76% 79%,
            rgb(71 37 166 / .55),
            transparent 50%
        ),

        linear-gradient(
            146deg,
            #17366d 0%,
            #102451 42%,
            #101638 70%,
            #281051 100%
        );

    box-shadow:
        0 0 50px
        rgb(65 111 230 / .14),

        inset -82px -86px 126px
        rgb(0 4 20 / .73),

        inset 23px 19px 45px
        rgb(255 255 255 / .07);

    animation:
        r4-float-a
        16s
        ease-in-out
        infinite
        alternate;
}


/* Small middle-left */

.vt-login-orb--2 {
    width:
        clamp(42px, 3.5vw, 58px);

    left: 23%;
    top: 42%;

    opacity: .48;

    background:
        radial-gradient(
            circle at 28% 22%,
            #c3d3f5,
            #5a68a5 34%,
            #202540 70%,
            #090c17
        );

    box-shadow:
        inset -15px -16px 23px
        rgb(0 0 0 / .51);

    animation:
        r4-float-b
        11s
        ease-in-out
        infinite
        alternate;
}


/* Upper-right */

.vt-login-orb--3 {
    width:
        clamp(48px, 4vw, 68px);

    right: 18%;
    top: 17%;

    opacity: .51;

    background:
        radial-gradient(
            circle at 28% 21%,
            #d0dcf7,
            #6170af 33%,
            #232742 70%,
            #080b17
        );

    box-shadow:
        inset -16px -18px 27px
        rgb(0 0 0 / .53);

    animation:
        r4-float-c
        13s
        ease-in-out
        infinite
        alternate;
}


/* Mid-right */

.vt-login-orb--4 {
    width:
        clamp(54px, 4.6vw, 78px);

    right: 20%;
    top: 49%;

    opacity: .38;

    background:
        radial-gradient(
            circle at 28% 21%,
            #b2c4e9,
            #526198 34%,
            #20243c 69%,
            #080b16
        );

    animation:
        r4-float-d
        12s
        ease-in-out
        infinite
        alternate;
}


/* Lower-right main planet */

.vt-login-orb--5 {
    width:
        clamp(500px, 38vw, 690px);

    right:
        clamp(-370px, -19vw, -215px);

    bottom:
        clamp(-330px, -18vw, -195px);

    background:
        radial-gradient(
            circle at 27% 21%,
            rgb(228 243 255 / .68) 0%,
            rgb(85 148 220 / .47) 7%,
            transparent 20%
        ),

        radial-gradient(
            circle at 74% 79%,
            rgb(77 38 177 / .57),
            transparent 51%
        ),

        linear-gradient(
            147deg,
            #214d80 0%,
            #113564 38%,
            #101e47 67%,
            #2b115f 100%
        );

    box-shadow:
        0 0 55px
        rgb(48 134 224 / .14),

        inset -94px -98px 140px
        rgb(0 6 25 / .75),

        inset 28px 24px 52px
        rgb(255 255 255 / .075);

    animation:
        r4-float-e
        19s
        ease-in-out
        infinite
        alternate;
}


/* Lower-left tiny */

.vt-login-orb--6 {
    width:
        clamp(34px, 3vw, 48px);

    left: 17%;
    bottom: 18%;

    opacity: .38;

    background:
        radial-gradient(
            circle at 28% 22%,
            #abbbe1,
            #4d598d 35%,
            #1d2139 72%,
            #080b15
        );

    animation:
        r4-float-f
        14s
        ease-in-out
        infinite
        alternate;
}


/* ============================================================
   MOTION
   ============================================================ */

@keyframes r4-float-a {
    from {
        transform:
            translate3d(0, 0, 0);
    }

    to {
        transform:
            translate3d(27px, 17px, 0);
    }
}

@keyframes r4-float-b {
    from {
        transform:
            translate3d(0, 0, 0);
    }

    to {
        transform:
            translate3d(-20px, 15px, 0);
    }
}

@keyframes r4-float-c {
    from {
        transform:
            translate3d(0, 0, 0);
    }

    to {
        transform:
            translate3d(19px, -18px, 0);
    }
}

@keyframes r4-float-d {
    from {
        transform:
            translate3d(0, 0, 0);
    }

    to {
        transform:
            translate3d(-17px, 16px, 0);
    }
}

@keyframes r4-float-e {
    from {
        transform:
            translate3d(0, 0, 0);
    }

    to {
        transform:
            translate3d(-34px, -24px, 0);
    }
}

@keyframes r4-float-f {
    from {
        transform:
            translate3d(0, 0, 0);
    }

    to {
        transform:
            translate3d(18px, -16px, 0);
    }
}


/* ============================================================
   TOP NAV BRAND
   ============================================================ */

.vt-login-top-brand {
    position: fixed;

    z-index: 30;

    top: 30px;
    left:
        clamp(28px, 3.5vw, 58px);

    display: flex;
    align-items: center;

    gap: 11px;

    color:
        rgb(247 249 255 / .94);

    font-size:
        clamp(15px, 1.1vw, 18px);

    font-weight: 760;

    letter-spacing:
        -.02em;
}

.vt-login-top-brand-logo {
    display:
        none
        !important;
}


/* Minimal V */

.vt-login-top-brand::before {
    content: "";

    width: 31px;
    height: 23px;

    flex: 0 0 auto;

    background:
        linear-gradient(
            150deg,
            #5edbff,
            #587bff 54%,
            #7558ff
        );

    clip-path:
        polygon(
            0 0,
            31% 0,
            50% 53%,
            69% 0,
            100% 0,
            63% 100%,
            37% 100%
        );

    filter:
        drop-shadow(
            0 0 7px
            rgb(75 112 255 / .20)
        );
}


.vt-login-taxonomy {
    position: fixed;

    z-index: 30;

    top: 36px;
    right:
        clamp(28px, 3.5vw, 58px);

    color:
        rgb(201 214 240 / .48);

    font-size:
        11px;

    white-space:
        nowrap;
}


/* ============================================================
   SCENE
   ============================================================ */

.vt-login-scene {
    position: relative;

    z-index: 10;

    width:
        min(100%, 1440px);

    margin:
        60px
        auto
        0;

    display:
        grid
        !important;

    grid-template-columns:
        minmax(230px, 1fr)
        minmax(440px, 500px)
        minmax(220px, .95fr);

    grid-template-areas:
        "hero card quote";

    column-gap:
        clamp(38px, 5vw, 82px);

    align-items:
        start;

    direction:
        ltr
        !important;
}


/* ============================================================
   HERO
   ============================================================ */

.vt-login-hero {
    grid-area:
        hero;

    margin-top:
        clamp(235px, 23vh, 285px);

    align-self:
        start;
}

.vt-login-hero-copy-wrap {
    max-width:
        345px;
}

html[dir="rtl"]
.vt-login-hero-copy-wrap {
    direction: rtl;

    text-align:
        right;
}

html[dir="ltr"]
.vt-login-hero-copy-wrap {
    direction: ltr;

    text-align:
        left;
}


.vt-login-hero-title {
    margin: 0;

    max-width:
        335px;

    color:
        rgb(246 248 253 / .91)
        !important;

    background:
        none
        !important;

    -webkit-text-fill-color:
        currentColor
        !important;

    font-size:
        clamp(32px, 2.45vw, 43px);

    line-height:
        1.48;

    font-weight:
        760;

    letter-spacing:
        -.025em;

    filter:
        none
        !important;
}


.vt-login-hero-copy {
    max-width:
        325px;

    margin:
        17px
        0
        0;

    color:
        rgb(197 209 233 / .56);

    font-size:
        12px;

    line-height:
        2.05;
}


.vt-login-accent-line {
    display: block;

    width:
        30px;

    height:
        1px;

    margin-top:
        19px;

    background:
        rgb(109 151 237 / .57);

    box-shadow:
        none;
}


/* ============================================================
   CARD
   ============================================================ */

.vt-login-card-shell {
    grid-area:
        card;

    position:
        relative
        !important;

    z-index:
        20;

    width:
        100%
        !important;

    max-width:
        500px
        !important;

    box-sizing:
        border-box;

    margin-top:
        clamp(76px, 8vh, 96px);

    padding:
        23px
        32px
        27px
        !important;

    overflow:
        hidden
        !important;

    border:
        1px solid
        transparent
        !important;

    border-radius:
        26px
        !important;

    background:
        linear-gradient(
            155deg,
            rgb(18 31 61 / .61),
            rgb(7 16 36 / .67) 55%,
            rgb(5 13 30 / .72)
        )
        padding-box,

        linear-gradient(
            145deg,
            rgb(153 198 255 / .48),
            rgb(103 128 221 / .14) 34%,
            rgb(86 81 212 / .11) 67%,
            rgb(85 185 235 / .34)
        )
        border-box
        !important;

    box-shadow:
        0 45px 120px
        rgb(0 0 0 / .42),

        0 16px 45px
        rgb(0 4 15 / .25),

        inset 0 1px 0
        rgb(255 255 255 / .07)
        !important;

    backdrop-filter:
        blur(30px)
        saturate(118%)
        !important;

    -webkit-backdrop-filter:
        blur(30px)
        saturate(118%)
        !important;
}


/* Disable old SVG glass; R4 owns the complete material. */

.vt-login-card-shell > svg {
    display:
        none
        !important;
}


.vt-login-card-shell::before {
    content: "";

    position: absolute;

    left: -15%;
    top: -120px;

    width: 78%;
    height: 220px;

    border-radius: 50%;

    pointer-events: none;

    background:
        radial-gradient(
            ellipse,
            rgb(97 166 255 / .11),
            transparent 68%
        );
}


.vt-login-card-shell::after {
    content: "";

    position: absolute;

    right: -25%;
    bottom: -130px;

    width: 70%;
    height: 230px;

    border-radius: 50%;

    pointer-events: none;

    background:
        radial-gradient(
            ellipse,
            rgb(81 74 213 / .08),
            transparent 70%
        );
}


/* ============================================================
   CONTROLS — NOW ACTUALLY INSIDE CARD
   ============================================================ */

#vt-auth-control-dock {
    position:
        relative
        !important;

    inset:
        auto
        !important;

    z-index:
        5
        !important;

    width:
        fit-content
        !important;

    max-width:
        100%;

    min-height:
        38px;

    margin:
        0
        auto
        24px
        !important;

    padding:
        3px
        !important;

    display:
        inline-flex
        !important;

    align-items:
        center;

    justify-content:
        center;

    direction:
        ltr;

    border:
        1px solid
        rgb(151 177 230 / .13);

    border-radius:
        11px;

    background:
        rgb(6 14 32 / .34);

    box-shadow:
        inset 0 1px 0
        rgb(255 255 255 / .025);

    backdrop-filter:
        blur(16px);
}


#vt-auth-control-dock .vt-btn {
    min-width:
        auto
        !important;

    min-height:
        31px
        !important;

    height:
        31px
        !important;

    padding:
        0
        11px
        !important;

    display:
        inline-flex
        !important;

    align-items:
        center;

    justify-content:
        center;

    gap:
        7px;

    border:
        0
        !important;

    border-radius:
        8px
        !important;

    background:
        transparent
        !important;

    color:
        rgb(221 229 246 / .73)
        !important;

    font-size:
        10px
        !important;

    font-weight:
        600;

    line-height:
        1;

    text-decoration:
        none;

    box-shadow:
        none
        !important;
}


#vt-auth-control-dock .vt-btn:hover {
    background:
        rgb(108 140 218 / .08)
        !important;

    color:
        rgb(245 248 255 / .95)
        !important;
}


#vt-auth-control-dock .vt-btn svg {
    width:
        15px
        !important;

    height:
        15px
        !important;
}


#vt-auth-control-dock > svg {
    width:
        12px
        !important;

    height:
        27px
        !important;

    color:
        rgb(171 190 228 / .45);
}


/* ============================================================
   CARD CONTENT
   ============================================================ */

.vt-login-root {
    position:
        relative;

    z-index:
        3;
}

html[dir="rtl"]
.vt-login-root {
    direction:
        rtl;
}

html[dir="ltr"]
.vt-login-root {
    direction:
        ltr;
}


.vt-login-brand {
    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    margin:
        0
        0
        19px;
}


.vt-login-logo {
    display:
        none
        !important;
}


.vt-login-brand::before {
    content: "";

    width:
        34px;

    height:
        25px;

    margin-bottom:
        10px;

    background:
        linear-gradient(
            150deg,
            #61dbff,
            #5a7cff 55%,
            #735aff
        );

    clip-path:
        polygon(
            0 0,
            31% 0,
            50% 53%,
            69% 0,
            100% 0,
            63% 100%,
            37% 100%
        );

    filter:
        drop-shadow(
            0 0 7px
            rgb(74 111 255 / .18)
        );
}


.vt-login-brand-name {
    margin: 0;

    color:
        rgb(244 247 253 / .87);

    font-size:
        13px;

    font-weight:
        680;
}


.vt-login-title {
    margin:
        0
        0
        4px;

    text-align:
        center;

    color:
        rgb(248 250 254 / .95);

    font-size:
        clamp(25px, 1.8vw, 30px);

    line-height:
        1.55;

    font-weight:
        760;

    letter-spacing:
        -.02em;
}


.vt-login-subtitle {
    margin:
        0
        0
        24px;

    text-align:
        center;

    color:
        rgb(193 206 232 / .48);

    font-size:
        11px;

    line-height:
        1.8;
}


/* ============================================================
   FORM
   ============================================================ */

.vt-login-form {
    display:
        grid;

    gap:
        14px;
}


.vt-login-field {
    display:
        grid;

    gap:
        7px;
}


.vt-login-label {
    display:
        block
        !important;

    color:
        rgb(202 214 237 / .63);

    font-size:
        10px;

    font-weight:
        560;

    line-height:
        1.4;
}


html[dir="rtl"]
.vt-login-label {
    text-align:
        right;
}


html[dir="ltr"]
.vt-login-label {
    text-align:
        left;
}


.vt-login-input-wrap {
    position:
        relative;

    display:
        flex;

    align-items:
        center;
}


.vt-login-input {
    width:
        100%;

    height:
        50px;

    box-sizing:
        border-box;

    padding:
        0
        48px
        !important;

    border:
        1px solid
        rgb(151 177 227 / .14)
        !important;

    border-radius:
        11px
        !important;

    outline:
        none;

    background:
        rgb(8 20 44 / .42)
        !important;

    color:
        rgb(247 249 253 / .91);

    font:
        inherit;

    font-size:
        12px;

    box-shadow:
        inset 0 1px 0
        rgb(255 255 255 / .022);

    transition:
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}


.vt-login-input::placeholder {
    color:
        rgb(179 193 219 / .34);
}


.vt-login-input:hover {
    border-color:
        rgb(155 183 239 / .21)
        !important;
}


.vt-login-input:focus {
    background:
        rgb(9 22 49 / .55)
        !important;

    border-color:
        rgb(103 151 244 / .37)
        !important;

    box-shadow:
        0 0 0 3px
        rgb(65 109 221 / .055);
}


.vt-login-field-icon {
    position:
        absolute;

    left:
        16px;

    z-index:
        2;

    width:
        16px;

    height:
        16px;

    color:
        rgb(161 183 222 / .48);

    pointer-events:
        none;
}


.vt-login-eye {
    position:
        absolute;

    right:
        13px;

    z-index:
        3;

    width:
        28px;

    height:
        28px;

    padding:
        0;

    display:
        grid;

    place-items:
        center;

    border:
        0;

    background:
        transparent;

    color:
        rgb(161 182 218 / .47);

    cursor:
        pointer;
}


/* ============================================================
   OPTIONS
   ============================================================ */

.vt-login-options {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;

    min-height:
        23px;

    font-size:
        10px;
}


html[dir="rtl"]
.vt-login-options {
    direction:
        rtl;
}


html[dir="ltr"]
.vt-login-options {
    direction:
        ltr;
}


.vt-login-remember {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    color:
        rgb(198 210 233 / .51);

    white-space:
        nowrap;
}


.vt-login-remember input {
    width:
        14px;

    height:
        14px;

    margin:
        0;

    accent-color:
        #6685ff;
}


.vt-login-link {
    color:
        rgb(110 181 242 / .76);

    text-decoration:
        none;

    white-space:
        nowrap;
}


.vt-login-link:hover {
    color:
        rgb(155 210 255 / .90);
}


/* ============================================================
   GOOGLE
   ============================================================ */

.vt-login-google {
    min-height:
        46px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;

    border:
        1px solid
        rgb(151 177 225 / .12)
        !important;

    border-radius:
        11px
        !important;

    background:
        rgb(8 19 42 / .28)
        !important;

    color:
        rgb(232 238 249 / .68);

    font:
        inherit;

    font-size:
        11px;

    font-weight:
        620;

    opacity:
        1
        !important;

    box-shadow:
        none
        !important;
}


.vt-login-google svg {
    width:
        16px
        !important;

    height:
        16px
        !important;

    max-width:
        16px
        !important;

    max-height:
        16px
        !important;
}


/* ============================================================
   DIVIDER
   ============================================================ */

.vt-login-divider {
    display:
        flex;

    align-items:
        center;

    gap:
        11px;

    color:
        rgb(166 184 216 / .31);

    font-size:
        9px;
}


.vt-login-divider::before,
.vt-login-divider::after {
    content: "";

    flex:
        1;

    height:
        1px;

    background:
        rgb(139 161 204 / .09);
}


/* ============================================================
   CTA
   ============================================================ */

.vt-login-submit {
    min-height:
        49px;

    border:
        1px solid
        rgb(255 255 255 / .065)
        !important;

    border-radius:
        11px
        !important;

    background:
        linear-gradient(
            100deg,
            #6253e9 0%,
            #506fe5 45%,
            #3aa5cb 100%
        )
        !important;

    color:
        rgb(255 255 255 / .95);

    font:
        inherit;

    font-size:
        12px;

    font-weight:
        680;

    cursor:
        pointer;

    box-shadow:
        0 10px 25px
        rgb(39 80 194 / .15);

    transition:
        transform .16s ease,
        filter .16s ease;
}


.vt-login-submit:hover {
    transform:
        translateY(-1px);

    filter:
        brightness(1.045);
}


/* ============================================================
   SECURE
   ============================================================ */

.vt-login-secure {
    min-height:
        22px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        6px;

    color:
        rgb(158 179 213 / .29);

    font-size:
        8px;
}


.vt-login-secure svg {
    width:
        10px
        !important;

    height:
        10px
        !important;

    max-width:
        10px
        !important;

    max-height:
        10px
        !important;
}


/* ============================================================
   ERRORS
   ============================================================ */

.vt-login-error {
    color:
        #ff9caf;

    font-size:
        10px;
}


/* ============================================================
   QUOTE
   ============================================================ */

.vt-login-quote {
    grid-area:
        quote;

    margin-top:
        clamp(260px, 25vh, 305px);

    max-width:
        270px;

    color:
        rgb(230 237 249 / .74)
        !important;

    font-size:
        clamp(14px, 1.1vw, 17px);

    line-height:
        2;

    font-weight:
        470;
}


html[dir="rtl"]
.vt-login-quote {
    direction:
        rtl;

    text-align:
        right;
}


html[dir="ltr"]
.vt-login-quote {
    direction:
        ltr;

    text-align:
        left;
}


/* ============================================================
   FOOTER
   ============================================================ */

.vt-login-trust,
.vt-login-legal {
    position:
        fixed;

    z-index:
        30;

    bottom:
        23px;

    color:
        rgb(178 194 222 / .34);

    font-size:
        8px;
}


.vt-login-trust {
    left:
        clamp(28px, 3.4vw, 56px);
}


.vt-login-legal {
    right:
        clamp(28px, 3.4vw, 56px);
}


/* ============================================================
   MEDIUM DESKTOP
   ============================================================ */

@media (max-width: 1180px) {

    .vt-login-scene {
        grid-template-columns:
            minmax(195px, .9fr)
            minmax(420px, 470px)
            minmax(180px, .82fr);

        column-gap:
            28px;
    }

    .vt-login-card-shell {
        max-width:
            470px
            !important;

        padding:
            22px
            28px
            25px
            !important;
    }

    .vt-login-hero-title {
        font-size:
            30px;
    }

    .vt-login-quote {
        font-size:
            14px;
    }

}


/* ============================================================
   TALL DESKTOP / 4:5-ish WINDOWS
   ============================================================ */

@media
    (min-width: 961px)
    and
    (max-aspect-ratio: 5 / 4) {

    .vt-login-scene {
        margin-top:
            55px;

        grid-template-columns:
            minmax(220px, 1fr)
            minmax(420px, 470px)
            minmax(200px, .95fr);

        column-gap:
            clamp(28px, 4vw, 54px);
    }

    .vt-login-card-shell {
        margin-top:
            72px;
    }

    .vt-login-hero {
        margin-top:
            230px;
    }

    .vt-login-quote {
        margin-top:
            255px;
    }

}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 960px) {

    .vt-login-stage {
        padding:
            88px
            20px
            34px
            !important;

        overflow-y:
            auto
            !important;
    }

    .vt-login-scene {
        display:
            block
            !important;

        width:
            100%;

        margin:
            0
            auto;
    }

    .vt-login-hero,
    .vt-login-quote,
    .vt-login-taxonomy,
    .vt-login-trust,
    .vt-login-legal {
        display:
            none
            !important;
    }

    .vt-login-card-shell {
        width:
            min(100%, 500px)
            !important;

        max-width:
            500px
            !important;

        margin:
            20px
            auto
            0;

        padding:
            22px
            28px
            26px
            !important;
    }

    .vt-login-orb--1 {
        width:
            330px;

        left:
            -225px;

        top:
            -160px;
    }

    .vt-login-orb--5 {
        width:
            410px;

        right:
            -285px;

        bottom:
            -235px;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 560px) {

    .vt-login-stage {
        padding:
            76px
            13px
            25px
            !important;
    }

    .vt-login-top-brand {
        top:
            20px;

        left:
            17px;

        font-size:
            13px;
    }

    .vt-login-top-brand::before {
        width:
            27px;

        height:
            20px;
    }

    .vt-login-card-shell {
        margin-top:
            10px;

        padding:
            18px
            17px
            21px
            !important;

        border-radius:
            21px
            !important;
    }

    #vt-auth-control-dock {
        margin-bottom:
            20px
            !important;
    }

    #vt-auth-control-dock .vt-btn {
        padding:
            0
            9px
            !important;

        font-size:
            9px
            !important;
    }

    .vt-login-title {
        font-size:
            24px;
    }

    .vt-login-subtitle {
        margin-bottom:
            21px;
    }

    .vt-login-input {
        height:
            48px;
    }

    .vt-login-options {
        gap:
            8px;

        font-size:
            9px;
    }

    .vt-login-google {
        min-height:
            44px;
    }

    .vt-login-submit {
        min-height:
            47px;
    }

}


/* ============================================================
   LIGHT THEME
   ============================================================ */

html[data-av3-theme="light"]
body.vt-login-page {
    background:
        #eef3fb;

    color:
        #19243a;
}


html[data-av3-theme="light"]
.vt-login-stage {
    background:
        radial-gradient(
            circle at 50% -10%,
            rgb(106 138 214 / .16),
            transparent 34%
        ),

        radial-gradient(
            circle at 100% 78%,
            rgb(73 168 205 / .11),
            transparent 28%
        ),

        linear-gradient(
            145deg,
            #f8faff 0%,
            #eef3fb 50%,
            #f4f8fd 100%
        );
}


html[data-av3-theme="light"]
.vt-login-stage::before {
    opacity:
        .16;
}


html[data-av3-theme="light"]
.vt-login-stage::after {
    background:
        radial-gradient(
            ellipse,
            rgb(100 132 197 / .07),
            transparent 68%
        );
}


html[data-av3-theme="light"]
.vt-login-atmosphere::before,
html[data-av3-theme="light"]
.vt-login-atmosphere::after,
html[data-av3-theme="light"]
.vt-login-halo::before {
    border-color:
        rgb(77 111 179 / .09);
}


/* Light planets stay atmospheric, not bright cartoons. */

html[data-av3-theme="light"]
.vt-login-orb {
    opacity:
        .22;
}


html[data-av3-theme="light"]
.vt-login-card-shell {
    background:
        linear-gradient(
            155deg,
            rgb(255 255 255 / .80),
            rgb(248 251 255 / .72) 55%,
            rgb(242 247 253 / .77)
        )
        padding-box,

        linear-gradient(
            145deg,
            rgb(108 143 199 / .30),
            rgb(104 128 176 / .10) 45%,
            rgb(69 158 195 / .23)
        )
        border-box
        !important;

    box-shadow:
        0 34px 90px
        rgb(64 78 108 / .13),

        0 12px 30px
        rgb(78 91 118 / .065),

        inset 0 1px 0
        rgb(255 255 255 / .92)
        !important;

    backdrop-filter:
        blur(28px)
        saturate(112%)
        !important;
}


html[data-av3-theme="light"]
#vt-auth-control-dock {
    border-color:
        rgb(99 123 171 / .13);

    background:
        rgb(244 248 253 / .53);

    box-shadow:
        inset 0 1px 0
        rgb(255 255 255 / .78);
}


html[data-av3-theme="light"]
#vt-auth-control-dock .vt-btn {
    color:
        rgb(58 75 107 / .72)
        !important;
}


html[data-av3-theme="light"]
#vt-auth-control-dock .vt-btn:hover {
    color:
        #1d2b45
        !important;

    background:
        rgb(100 127 186 / .08)
        !important;
}


html[data-av3-theme="light"]
.vt-login-brand-name,
html[data-av3-theme="light"]
.vt-login-title,
html[data-av3-theme="light"]
.vt-login-hero-title,
html[data-av3-theme="light"]
.vt-login-quote {
    color:
        #1a263d
        !important;
}


html[data-av3-theme="light"]
.vt-login-subtitle,
html[data-av3-theme="light"]
.vt-login-hero-copy {
    color:
        rgb(66 82 112 / .64);
}


html[data-av3-theme="light"]
.vt-login-label {
    color:
        rgb(56 73 104 / .71);
}


html[data-av3-theme="light"]
.vt-login-input {
    background:
        rgb(247 250 254 / .76)
        !important;

    border-color:
        rgb(102 130 183 / .16)
        !important;

    color:
        #1a263c;

    box-shadow:
        inset 0 1px 0
        rgb(255 255 255 / .80);
}


html[data-av3-theme="light"]
.vt-login-input::placeholder {
    color:
        rgb(83 101 133 / .38);
}


html[data-av3-theme="light"]
.vt-login-field-icon,
html[data-av3-theme="light"]
.vt-login-eye {
    color:
        rgb(75 98 139 / .50);
}


html[data-av3-theme="light"]
.vt-login-remember {
    color:
        rgb(57 73 102 / .64);
}


html[data-av3-theme="light"]
.vt-login-link {
    color:
        #3474ad;
}


html[data-av3-theme="light"]
.vt-login-google {
    background:
        rgb(247 250 254 / .60)
        !important;

    border-color:
        rgb(99 126 177 / .13)
        !important;

    color:
        rgb(38 51 76 / .72);
}


html[data-av3-theme="light"]
.vt-login-divider {
    color:
        rgb(79 96 127 / .33);
}


html[data-av3-theme="light"]
.vt-login-divider::before,
html[data-av3-theme="light"]
.vt-login-divider::after {
    background:
        rgb(93 115 156 / .12);
}


html[data-av3-theme="light"]
.vt-login-secure {
    color:
        rgb(77 94 124 / .36);
}


html[data-av3-theme="light"]
.vt-login-top-brand {
    color:
        #1a263d;
}


html[data-av3-theme="light"]
.vt-login-taxonomy,
html[data-av3-theme="light"]
.vt-login-trust,
html[data-av3-theme="light"]
.vt-login-legal {
    color:
        rgb(64 81 112 / .45);
}


/* ============================================================
   R4.1 FINAL PROFESSIONAL POLISH
   ============================================================ */


/* ------------------------------------------------------------
   SCENE BALANCE
   ------------------------------------------------------------ */

.vt-login-scene {
    width:
        min(100%, 1500px);

    margin-top:
        32px;

    grid-template-columns:
        minmax(240px, 1fr)
        minmax(470px, 520px)
        minmax(225px, .94fr);

    column-gap:
        clamp(42px, 5vw, 86px);
}


.vt-login-card-shell {
    max-width:
        520px
        !important;

    margin-top:
        48px;

    padding:
        20px
        34px
        29px
        !important;

    border-radius:
        28px
        !important;

    background:
        linear-gradient(
            155deg,
            rgb(24 39 71 / .52),
            rgb(8 18 39 / .62) 50%,
            rgb(4 12 29 / .72)
        )
        padding-box,

        linear-gradient(
            145deg,
            rgb(161 205 255 / .38),
            rgb(102 127 217 / .12) 31%,
            rgb(92 78 212 / .10) 67%,
            rgb(78 188 232 / .28)
        )
        border-box
        !important;

    box-shadow:
        0 48px 130px
        rgb(0 0 0 / .46),

        0 15px 38px
        rgb(0 5 20 / .20),

        inset 0 1px 0
        rgb(255 255 255 / .065)
        !important;

    backdrop-filter:
        blur(34px)
        saturate(116%)
        !important;

    -webkit-backdrop-filter:
        blur(34px)
        saturate(116%)
        !important;
}


.vt-login-card-shell::before {
    left:
        -8%;

    top:
        -145px;

    width:
        72%;

    height:
        245px;

    background:
        radial-gradient(
            ellipse,
            rgb(105 173 255 / .105),
            transparent 70%
        );
}


.vt-login-card-shell::after {
    right:
        -17%;

    bottom:
        -145px;

    width:
        68%;

    height:
        240px;

    background:
        radial-gradient(
            ellipse,
            rgb(84 72 212 / .075),
            transparent 72%
        );
}


/* ------------------------------------------------------------
   CARD-INTEGRATED CONTROL BAR
   ------------------------------------------------------------ */

#vt-auth-control-dock {
    min-height:
        36px;

    margin:
        0
        auto
        19px
        !important;

    padding:
        3px
        !important;

    border-color:
        rgb(156 181 231 / .115);

    background:
        rgb(5 13 30 / .30);

    box-shadow:
        inset 0 1px 0
        rgb(255 255 255 / .025);
}


#vt-auth-control-dock .vt-btn {
    min-height:
        29px
        !important;

    height:
        29px
        !important;

    padding:
        0
        10px
        !important;

    font-size:
        9.5px
        !important;

    color:
        rgb(218 228 246 / .68)
        !important;
}


/* ------------------------------------------------------------
   CARD TYPOGRAPHY
   ------------------------------------------------------------ */

.vt-login-brand {
    margin-bottom:
        15px;
}


.vt-login-brand::before {
    width:
        31px;

    height:
        23px;

    margin-bottom:
        8px;
}


.vt-login-brand-name {
    font-size:
        12px;
}


.vt-login-title {
    font-size:
        clamp(25px, 1.75vw, 29px);

    font-weight:
        730;
}


.vt-login-subtitle {
    margin-bottom:
        21px;

    color:
        rgb(192 206 232 / .46);
}


/* ------------------------------------------------------------
   FORM MATERIAL
   ------------------------------------------------------------ */

.vt-login-form {
    gap:
        13px;
}


.vt-login-input {
    height:
        49px;

    background:
        linear-gradient(
            180deg,
            rgb(14 28 55 / .39),
            rgb(7 18 40 / .46)
        )
        !important;

    border-color:
        rgb(151 177 227 / .125)
        !important;
}


.vt-login-input:hover {
    border-color:
        rgb(157 185 236 / .20)
        !important;
}


.vt-login-input:focus {
    border-color:
        rgb(104 153 244 / .34)
        !important;

    box-shadow:
        0 0 0 3px
        rgb(66 110 222 / .045),

        0 9px 28px
        rgb(0 5 18 / .10);
}


.vt-login-google {
    min-height:
        45px;

    background:
        rgb(6 16 36 / .25)
        !important;
}


.vt-login-submit {
    min-height:
        49px;

    background:
        linear-gradient(
            100deg,
            #6254e6 0%,
            #526be0 47%,
            #389fc5 100%
        )
        !important;

    box-shadow:
        0 11px 29px
        rgb(42 81 187 / .16);
}


/* ------------------------------------------------------------
   HERO + QUOTE POSITION
   ------------------------------------------------------------ */

.vt-login-hero {
    margin-top:
        clamp(205px, 20vh, 245px);
}


.vt-login-quote {
    margin-top:
        clamp(218px, 21vh, 258px);
}


.vt-login-hero-title {
    max-width:
        350px;

    font-size:
        clamp(32px, 2.55vw, 44px);

    line-height:
        1.42;

    font-weight:
        735;

    color:
        rgb(242 246 253 / .91)
        !important;
}


.vt-login-hero-copy {
    max-width:
        340px;

    color:
        rgb(195 208 232 / .53);
}


.vt-login-quote {
    color:
        rgb(229 236 248 / .70)
        !important;
}


/* ------------------------------------------------------------
   PLANET COMPOSITION
   ------------------------------------------------------------ */

.vt-login-orb--1 {
    width:
        clamp(450px, 34vw, 625px);

    left:
        clamp(-350px, -18vw, -215px);

    top:
        clamp(-315px, -17vw, -185px);

    animation-delay:
        -5s;
}


.vt-login-orb--2 {
    left:
        24%;

    top:
        39%;

    opacity:
        .54;

    animation-delay:
        -2s;
}


.vt-login-orb--3 {
    right:
        17%;

    top:
        15%;

    opacity:
        .57;

    animation-delay:
        -7s;
}


.vt-login-orb--4 {
    right:
        19%;

    top:
        47%;

    opacity:
        .44;

    animation-delay:
        -4s;
}


.vt-login-orb--5 {
    width:
        clamp(540px, 41vw, 735px);

    right:
        clamp(-390px, -20vw, -235px);

    bottom:
        clamp(-350px, -19vw, -210px);

    animation-delay:
        -9s;
}


.vt-login-orb--6 {
    left:
        18%;

    bottom:
        17%;

    opacity:
        .43;

    animation-delay:
        -3s;
}


/* ------------------------------------------------------------
   VISIBLE, SLOW CINEMATIC MOTION
   ------------------------------------------------------------ */

@keyframes r4-float-a {
    0% {
        transform:
            translate3d(0, 0, 0)
            scale(1);
    }

    45% {
        transform:
            translate3d(44px, -20px, 0)
            scale(1.012);
    }

    100% {
        transform:
            translate3d(-18px, 31px, 0)
            scale(.995);
    }
}


@keyframes r4-float-b {
    0% {
        transform:
            translate3d(0, 0, 0);
    }

    50% {
        transform:
            translate3d(-28px, 21px, 0);
    }

    100% {
        transform:
            translate3d(22px, -16px, 0);
    }
}


@keyframes r4-float-c {
    0% {
        transform:
            translate3d(0, 0, 0);
    }

    48% {
        transform:
            translate3d(29px, -24px, 0);
    }

    100% {
        transform:
            translate3d(-21px, 17px, 0);
    }
}


@keyframes r4-float-d {
    0% {
        transform:
            translate3d(0, 0, 0);
    }

    52% {
        transform:
            translate3d(-26px, -18px, 0);
    }

    100% {
        transform:
            translate3d(20px, 25px, 0);
    }
}


@keyframes r4-float-e {
    0% {
        transform:
            translate3d(0, 0, 0)
            scale(1);
    }

    42% {
        transform:
            translate3d(-52px, -35px, 0)
            scale(1.01);
    }

    100% {
        transform:
            translate3d(31px, 22px, 0)
            scale(.994);
    }
}


@keyframes r4-float-f {
    0% {
        transform:
            translate3d(0, 0, 0);
    }

    48% {
        transform:
            translate3d(25px, -22px, 0);
    }

    100% {
        transform:
            translate3d(-19px, 20px, 0);
    }
}


/* ------------------------------------------------------------
   SUBTLE ORBITAL MOTION
   ------------------------------------------------------------ */

.vt-login-atmosphere::before {
    animation:
        r4-line-left
        31s
        ease-in-out
        infinite
        alternate;
}


.vt-login-atmosphere::after {
    animation:
        r4-line-right
        37s
        ease-in-out
        infinite
        alternate;
}


@keyframes r4-line-left {
    from {
        transform:
            rotate(-10deg)
            translate3d(0, 0, 0);
    }

    to {
        transform:
            rotate(-8deg)
            translate3d(24px, 12px, 0);
    }
}


@keyframes r4-line-right {
    from {
        transform:
            rotate(-18deg)
            translate3d(0, 0, 0);
    }

    to {
        transform:
            rotate(-20deg)
            translate3d(-28px, -12px, 0);
    }
}


/* ------------------------------------------------------------
   TALL DESKTOP
   ------------------------------------------------------------ */

@media
    (min-width: 961px)
    and
    (max-aspect-ratio: 5 / 4) {

    .vt-login-scene {
        margin-top:
            24px;

        grid-template-columns:
            minmax(220px, 1fr)
            minmax(445px, 500px)
            minmax(205px, .92fr);
    }

    .vt-login-card-shell {
        margin-top:
            42px;
    }

    .vt-login-hero {
        margin-top:
            195px;
    }

    .vt-login-quote {
        margin-top:
            210px;
    }

}


/* ------------------------------------------------------------
   TABLET
   ------------------------------------------------------------ */

@media (max-width: 960px) {

    .vt-login-card-shell {
        margin-top:
            14px;

        max-width:
            510px
            !important;
    }

}


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

@media (max-width: 560px) {

    .vt-login-card-shell {
        padding:
            16px
            17px
            21px
            !important;
    }

    #vt-auth-control-dock {
        margin-bottom:
            17px
            !important;
    }

}


/* ------------------------------------------------------------
   LIGHT THEME FINAL MATERIAL
   ------------------------------------------------------------ */

html[data-av3-theme="light"]
.vt-login-card-shell {
    background:
        linear-gradient(
            155deg,
            rgb(255 255 255 / .80),
            rgb(248 251 255 / .70) 52%,
            rgb(241 247 253 / .75)
        )
        padding-box,

        linear-gradient(
            145deg,
            rgb(109 145 203 / .27),
            rgb(103 128 177 / .08) 45%,
            rgb(70 157 194 / .20)
        )
        border-box
        !important;

    box-shadow:
        0 36px 92px
        rgb(63 78 109 / .12),

        0 10px 28px
        rgb(78 92 119 / .055),

        inset 0 1px 0
        rgb(255 255 255 / .92)
        !important;
}


/* ============================================================
   MOTION POLICY
   Requested VitaNet visual motion remains active.
   Reduced-motion environments use slower animation rather
   than completely static planets.
   ============================================================ */

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

    .vt-login-orb--1 {
        animation-duration:
            30s
            !important;
    }

    .vt-login-orb--2 {
        animation-duration:
            24s
            !important;
    }

    .vt-login-orb--3 {
        animation-duration:
            28s
            !important;
    }

    .vt-login-orb--4 {
        animation-duration:
            25s
            !important;
    }

    .vt-login-orb--5 {
        animation-duration:
            34s
            !important;
    }

    .vt-login-orb--6 {
        animation-duration:
            27s
            !important;
    }

    .vt-login-atmosphere::before,
    .vt-login-atmosphere::after {
        animation-duration:
            50s
            !important;
    }

}

/* ============================================================
   R4.2 PROFESSIONAL COMPOSITION
   ============================================================ */


/* ------------------------------------------------------------
   PAGE COMPOSITION
   ------------------------------------------------------------ */

.vt-login-scene {
    min-height:
        calc(100svh - 72px);

    margin:
        36px
        auto
        0;

    padding-bottom:
        36px;

    box-sizing:
        border-box;

    align-items:
        center;

    grid-template-columns:
        minmax(230px, 1fr)
        minmax(455px, 510px)
        minmax(220px, .95fr);

    column-gap:
        clamp(44px, 5.2vw, 88px);
}


/* Remove the old artificial vertical offsets. */

.vt-login-card-shell,
.vt-login-hero,
.vt-login-quote {
    margin-top:
        0
        !important;
}


/* Slight optical lift, not top-heavy positioning. */

.vt-login-card-shell {
    transform:
        translateY(-18px);
}

.vt-login-hero,
.vt-login-quote {
    transform:
        translateY(-8px);
}


/* ------------------------------------------------------------
   PREMIUM GLASS
   ------------------------------------------------------------ */

.vt-login-card-shell {
    max-width:
        510px
        !important;

    padding:
        19px
        33px
        28px
        !important;

    border-radius:
        27px
        !important;

    background:
        linear-gradient(
            155deg,
            rgb(25 42 76 / .43),
            rgb(8 19 42 / .50) 48%,
            rgb(4 12 30 / .59) 100%
        )
        padding-box,

        linear-gradient(
            140deg,
            rgb(171 211 255 / .42) 0%,
            rgb(110 143 228 / .16) 26%,
            rgb(94 84 210 / .11) 61%,
            rgb(74 196 238 / .32) 100%
        )
        border-box
        !important;

    box-shadow:
        0 48px 125px
        rgb(0 0 0 / .46),

        0 0 54px
        rgb(50 105 213 / .055),

        inset 0 1px 0
        rgb(255 255 255 / .075),

        inset 0 -1px 0
        rgb(79 118 206 / .035)
        !important;

    backdrop-filter:
        blur(38px)
        saturate(120%)
        !important;

    -webkit-backdrop-filter:
        blur(38px)
        saturate(120%)
        !important;
}


/* Glass highlight only at the upper edge. */

.vt-login-card-shell::before {
    left:
        2%;

    top:
        -150px;

    width:
        70%;

    height:
        230px;

    opacity:
        .72;

    background:
        radial-gradient(
            ellipse,
            rgb(120 183 255 / .10),
            transparent 69%
        );
}


.vt-login-card-shell::after {
    right:
        -13%;

    bottom:
        -150px;

    width:
        60%;

    height:
        235px;

    opacity:
        .62;

    background:
        radial-gradient(
            ellipse,
            rgb(88 80 211 / .07),
            transparent 72%
        );
}


/* ------------------------------------------------------------
   CONTROL BAR — TRUE CENTER
   ------------------------------------------------------------ */

#vt-auth-control-dock {
    display:
        flex
        !important;

    width:
        max-content
        !important;

    max-width:
        100%;

    margin:
        0
        auto
        18px
        !important;

    min-height:
        35px;

    padding:
        3px
        !important;

    border-radius:
        10px;

    border-color:
        rgb(157 181 229 / .105);

    background:
        rgb(4 12 28 / .27);
}


#vt-auth-control-dock .vt-btn {
    height:
        28px
        !important;

    min-height:
        28px
        !important;

    padding:
        0
        10px
        !important;

    font-size:
        9px
        !important;

    color:
        rgb(220 228 244 / .67)
        !important;
}


/* ------------------------------------------------------------
   BRAND / TITLE
   ------------------------------------------------------------ */

.vt-login-brand {
    margin-bottom:
        14px;
}


.vt-login-brand::before {
    width:
        30px;

    height:
        22px;

    margin-bottom:
        8px;
}


.vt-login-brand-name {
    color:
        rgb(238 243 252 / .78);

    font-size:
        11px;

    font-weight:
        650;
}


.vt-login-title {
    font-size:
        clamp(25px, 1.7vw, 29px);

    font-weight:
        720;

    color:
        rgb(247 249 253 / .94);
}


.vt-login-subtitle {
    margin-bottom:
        20px;

    color:
        rgb(190 204 230 / .44);
}


/* ------------------------------------------------------------
   INPUTS
   ------------------------------------------------------------ */

.vt-login-form {
    gap:
        12px;
}


.vt-login-label {
    color:
        rgb(198 211 235 / .55);

    font-size:
        9px;
}


.vt-login-input {
    height:
        48px;

    border-color:
        rgb(150 178 227 / .12)
        !important;

    background:
        linear-gradient(
            180deg,
            rgb(18 33 62 / .34),
            rgb(6 17 38 / .40)
        )
        !important;

    box-shadow:
        inset 0 1px 0
        rgb(255 255 255 / .018);
}


.vt-login-input:focus {
    border-color:
        rgb(105 155 244 / .33)
        !important;

    box-shadow:
        0 0 0 3px
        rgb(70 112 221 / .045),

        0 10px 30px
        rgb(0 4 16 / .08);
}


.vt-login-google {
    min-height:
        44px;

    border-color:
        rgb(149 176 223 / .105)
        !important;

    background:
        rgb(5 15 34 / .22)
        !important;
}


.vt-login-submit {
    min-height:
        48px;

    background:
        linear-gradient(
            100deg,
            #6255df 0%,
            #526cdb 47%,
            #3c9fc1 100%
        )
        !important;

    box-shadow:
        0 10px 27px
        rgb(39 76 178 / .14);
}


/* ------------------------------------------------------------
   HERO
   ------------------------------------------------------------ */

.vt-login-hero-copy-wrap {
    max-width:
        365px;
}


.vt-login-hero-title {
    max-width:
        360px;

    font-size:
        clamp(31px, 2.45vw, 42px);

    line-height:
        1.46;

    font-weight:
        710;

    color:
        rgb(240 244 251 / .90)
        !important;
}


.vt-login-hero-copy {
    max-width:
        345px;

    margin-top:
        15px;

    color:
        rgb(190 204 229 / .50);
}


.vt-login-accent-line {
    width:
        27px;

    margin-top:
        17px;

    background:
        rgb(110 150 231 / .45);
}


/* ------------------------------------------------------------
   QUOTE
   ------------------------------------------------------------ */

.vt-login-quote {
    max-width:
        275px;

    font-size:
        clamp(14px, 1.05vw, 17px);

    line-height:
        2;

    color:
        rgb(225 232 246 / .68)
        !important;
}


/* ------------------------------------------------------------
   CLASSY BACKGROUND LINEWORK
   ------------------------------------------------------------ */

.vt-login-atmosphere {
    background:
        radial-gradient(
            ellipse 61% 28%
            at -14% 43%,
            transparent 69.25%,
            rgb(100 137 230 / .095) 69.45%,
            transparent 69.68%
        ),

        radial-gradient(
            ellipse 61% 29%
            at -9% 47%,
            transparent 72.4%,
            rgb(92 116 218 / .065) 72.6%,
            transparent 72.82%
        ),

        radial-gradient(
            ellipse 64% 31%
            at 112% 70%,
            transparent 70.1%,
            rgb(54 150 229 / .105) 70.3%,
            transparent 70.52%
        ),

        radial-gradient(
            ellipse 55% 27%
            at 61% 117%,
            transparent 73.2%,
            rgb(92 76 215 / .070) 73.4%,
            transparent 73.62%
        );
}


/* Existing lines become even more restrained. */

.vt-login-atmosphere::before {
    border-color:
        rgb(92 132 229 / .10);
}


.vt-login-atmosphere::after {
    border-color:
        rgb(58 150 229 / .11);
}


.vt-login-halo::before {
    border-color:
        rgb(105 79 231 / .085);
}


/* ------------------------------------------------------------
   PLANETS
   ------------------------------------------------------------ */

.vt-login-orb--1 {
    width:
        clamp(420px, 32vw, 590px);

    left:
        clamp(-315px, -16vw, -185px);

    top:
        clamp(-285px, -15vw, -165px);

    box-shadow:
        0 0 50px
        rgb(64 110 229 / .12),

        inset -82px -88px 128px
        rgb(0 4 20 / .73),

        inset 24px 20px 46px
        rgb(255 255 255 / .065);
}


/* Bring the lower planet INTO the composition. */

.vt-login-orb--5 {
    width:
        clamp(530px, 40vw, 710px);

    right:
        clamp(-285px, -14vw, -155px);

    bottom:
        clamp(-285px, -14vw, -155px);

    box-shadow:
        0 0 55px
        rgb(49 135 223 / .13),

        inset -96px -100px 142px
        rgb(0 6 25 / .75),

        inset 29px 25px 54px
        rgb(255 255 255 / .07);
}


.vt-login-orb--2,
.vt-login-orb--3,
.vt-login-orb--4,
.vt-login-orb--6 {
    filter:
        saturate(.83)
        brightness(.91);
}


/* ------------------------------------------------------------
   CLEAR CINEMATIC MOTION
   ------------------------------------------------------------ */

.vt-login-orb--1 {
    animation:
        r42-a
        14s
        ease-in-out
        -6s
        infinite
        alternate
        !important;
}

.vt-login-orb--2 {
    animation:
        r42-b
        9s
        ease-in-out
        -3s
        infinite
        alternate
        !important;
}

.vt-login-orb--3 {
    animation:
        r42-c
        11s
        ease-in-out
        -7s
        infinite
        alternate
        !important;
}

.vt-login-orb--4 {
    animation:
        r42-d
        10s
        ease-in-out
        -5s
        infinite
        alternate
        !important;
}

.vt-login-orb--5 {
    animation:
        r42-e
        16s
        ease-in-out
        -9s
        infinite
        alternate
        !important;
}

.vt-login-orb--6 {
    animation:
        r42-f
        11s
        ease-in-out
        -4s
        infinite
        alternate
        !important;
}


@keyframes r42-a {
    0% {
        transform:
            translate3d(-8px, 8px, 0)
            scale(1);
    }

    50% {
        transform:
            translate3d(38px, -24px, 0)
            scale(1.012);
    }

    100% {
        transform:
            translate3d(-21px, 30px, 0)
            scale(.996);
    }
}


@keyframes r42-b {
    0% {
        transform:
            translate3d(-8px, 0, 0);
    }

    50% {
        transform:
            translate3d(-31px, 22px, 0);
    }

    100% {
        transform:
            translate3d(24px, -20px, 0);
    }
}


@keyframes r42-c {
    0% {
        transform:
            translate3d(0, 8px, 0);
    }

    50% {
        transform:
            translate3d(30px, -27px, 0);
    }

    100% {
        transform:
            translate3d(-24px, 20px, 0);
    }
}


@keyframes r42-d {
    0% {
        transform:
            translate3d(0, 0, 0);
    }

    50% {
        transform:
            translate3d(-29px, -21px, 0);
    }

    100% {
        transform:
            translate3d(23px, 26px, 0);
    }
}


@keyframes r42-e {
    0% {
        transform:
            translate3d(12px, 9px, 0)
            scale(1);
    }

    50% {
        transform:
            translate3d(-48px, -34px, 0)
            scale(1.009);
    }

    100% {
        transform:
            translate3d(30px, 25px, 0)
            scale(.995);
    }
}


@keyframes r42-f {
    0% {
        transform:
            translate3d(0, 6px, 0);
    }

    50% {
        transform:
            translate3d(27px, -23px, 0);
    }

    100% {
        transform:
            translate3d(-22px, 21px, 0);
    }
}


/* ------------------------------------------------------------
   TALL DESKTOP
   ------------------------------------------------------------ */

@media
    (min-width: 961px)
    and
    (max-aspect-ratio: 5 / 4) {

    .vt-login-scene {
        min-height:
            calc(100svh - 62px);

        margin-top:
            24px;

        padding-bottom:
            28px;

        grid-template-columns:
            minmax(220px, 1fr)
            minmax(450px, 500px)
            minmax(200px, .92fr);

        column-gap:
            clamp(30px, 4vw, 58px);
    }

    .vt-login-card-shell {
        transform:
            translateY(-22px);
    }

    .vt-login-hero,
    .vt-login-quote {
        transform:
            translateY(-12px);
    }

}


/* ------------------------------------------------------------
   TABLET
   ------------------------------------------------------------ */

@media (max-width: 960px) {

    .vt-login-scene {
        min-height:
            auto;

        padding-bottom:
            0;
    }

    .vt-login-card-shell {
        transform:
            none;

        margin-top:
            18px
            !important;
    }

}


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

@media (max-width: 560px) {

    .vt-login-card-shell {
        padding:
            16px
            17px
            21px
            !important;
    }

    #vt-auth-control-dock {
        margin-bottom:
            16px
            !important;
    }

}


/* ------------------------------------------------------------
   LIGHT THEME
   ------------------------------------------------------------ */

html[data-av3-theme="light"]
.vt-login-card-shell {
    background:
        linear-gradient(
            155deg,
            rgb(255 255 255 / .76),
            rgb(248 251 255 / .66) 52%,
            rgb(241 247 253 / .72)
        )
        padding-box,

        linear-gradient(
            145deg,
            rgb(108 145 203 / .25),
            rgb(103 127 177 / .07) 46%,
            rgb(70 158 194 / .18)
        )
        border-box
        !important;

    backdrop-filter:
        blur(36px)
        saturate(110%)
        !important;
}


html[data-av3-theme="light"]
#vt-auth-control-dock {
    background:
        rgb(247 250 254 / .45);

    border-color:
        rgb(97 122 170 / .11);
}


/* ------------------------------------------------------------
   USER REQUESTED MOTION
   Even systems reporting reduced motion retain a slower drift.
   ------------------------------------------------------------ */

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

    .vt-login-orb--1 {
        animation-duration:
            27s
            !important;
    }

    .vt-login-orb--2 {
        animation-duration:
            20s
            !important;
    }

    .vt-login-orb--3 {
        animation-duration:
            23s
            !important;
    }

    .vt-login-orb--4 {
        animation-duration:
            21s
            !important;
    }

    .vt-login-orb--5 {
        animation-duration:
            31s
            !important;
    }

    .vt-login-orb--6 {
        animation-duration:
            22s
            !important;
    }

}

/* ============================================================
   R4.3 COMPOSITION CORRECTION
   Fix tall-desktop hero regression and refine glass.
   ============================================================ */


/* ------------------------------------------------------------
   GRID ITEMS MUST SHARE ONE VISUAL CENTER
   ------------------------------------------------------------ */

.vt-login-hero,
.vt-login-card-shell,
.vt-login-quote {
    align-self:
        center
        !important;
}


/* Hero must never inherit the historical top/start placement. */

.vt-login-hero {
    margin-top:
        0
        !important;

    transform:
        translateY(-10px)
        !important;
}


/* Quote aligns optically with the form, not page top. */

.vt-login-quote {
    margin-top:
        0
        !important;

    transform:
        translateY(-5px)
        !important;
}


/* ------------------------------------------------------------
   SCENE — OPTICAL CENTER
   ------------------------------------------------------------ */

.vt-login-scene {
    min-height:
        calc(100svh - 88px);

    margin-top:
        44px;

    padding-top:
        0;

    padding-bottom:
        30px;

    align-items:
        center
        !important;
}


/* Card stays slightly above exact mathematical center. */

.vt-login-card-shell {
    margin-top:
        0
        !important;

    transform:
        translateY(-26px)
        !important;
}


/* ------------------------------------------------------------
   HERO PROPORTION
   ------------------------------------------------------------ */

.vt-login-hero-copy-wrap {
    width:
        100%;

    max-width:
        350px;
}


.vt-login-hero-title {
    margin:
        0;

    max-width:
        345px;

    font-size:
        clamp(31px, 2.4vw, 41px);

    line-height:
        1.48;

    font-weight:
        700;

    color:
        rgb(241 245 252 / .89)
        !important;
}


.vt-login-hero-copy {
    max-width:
        335px;

    margin-top:
        15px;

    color:
        rgb(190 204 230 / .48);
}


/* ------------------------------------------------------------
   QUOTE PROPORTION
   ------------------------------------------------------------ */

.vt-login-quote {
    max-width:
        265px;

    font-size:
        clamp(14px, 1.05vw, 16px);

    color:
        rgb(225 233 247 / .66)
        !important;
}


/* ------------------------------------------------------------
   GLASS — LESS BLUE PANEL, MORE REAL GLASS
   ------------------------------------------------------------ */

.vt-login-card-shell {
    background:
        linear-gradient(
            150deg,
            rgb(31 48 79 / .35),
            rgb(9 20 43 / .43) 48%,
            rgb(4 13 30 / .53) 100%
        )
        padding-box,

        linear-gradient(
            140deg,
            rgb(175 213 255 / .36) 0%,
            rgb(103 139 224 / .13) 28%,
            rgb(91 84 205 / .09) 65%,
            rgb(72 194 234 / .26) 100%
        )
        border-box
        !important;

    box-shadow:
        0 48px 125px
        rgb(0 0 0 / .44),

        0 0 62px
        rgb(44 93 192 / .045),

        inset 0 1px 0
        rgb(255 255 255 / .07),

        inset 0 -1px 0
        rgb(75 110 192 / .025)
        !important;

    backdrop-filter:
        blur(42px)
        saturate(112%)
        !important;

    -webkit-backdrop-filter:
        blur(42px)
        saturate(112%)
        !important;
}


/* Slight edge lighting instead of solid cyan rim. */

.vt-login-card-shell::before {
    opacity:
        .58;
}


.vt-login-card-shell::after {
    opacity:
        .45;
}


/* ------------------------------------------------------------
   CONTROL BAR
   ------------------------------------------------------------ */

#vt-auth-control-dock {
    margin-left:
        auto
        !important;

    margin-right:
        auto
        !important;

    margin-bottom:
        18px
        !important;

    background:
        rgb(4 12 28 / .22);

    border-color:
        rgb(157 181 229 / .09);
}


/* ------------------------------------------------------------
   INPUT MATERIAL
   ------------------------------------------------------------ */

.vt-login-input {
    background:
        linear-gradient(
            180deg,
            rgb(20 35 64 / .29),
            rgb(7 18 40 / .34)
        )
        !important;

    border-color:
        rgb(151 177 226 / .105)
        !important;
}


.vt-login-google {
    background:
        rgb(5 15 34 / .17)
        !important;
}


/* ------------------------------------------------------------
   PLANET COMPOSITION
   ------------------------------------------------------------ */

/* Leave room for top brand. */

.vt-login-orb--1 {
    left:
        clamp(-340px, -17vw, -205px);

    top:
        clamp(-310px, -16vw, -185px);
}


/* More of the lower-right planet visible. */

.vt-login-orb--5 {
    right:
        clamp(-250px, -12vw, -135px);

    bottom:
        clamp(-260px, -13vw, -145px);
}


/* ------------------------------------------------------------
   TALL DESKTOP — THE USER'S CURRENT VIEWPORT CLASS
   ------------------------------------------------------------ */

@media
    (min-width: 961px)
    and
    (max-aspect-ratio: 5 / 4) {

    .vt-login-scene {
        min-height:
            calc(100svh - 82px);

        margin-top:
            40px;

        grid-template-columns:
            minmax(220px, 1fr)
            minmax(450px, 500px)
            minmax(200px, .92fr);

        column-gap:
            clamp(34px, 4.4vw, 64px);

        align-items:
            center
            !important;
    }

    .vt-login-card-shell {
        transform:
            translateY(-20px)
            !important;
    }

    .vt-login-hero {
        transform:
            translateY(-8px)
            !important;
    }

    .vt-login-quote {
        transform:
            translateY(-3px)
            !important;
    }

}


/* ------------------------------------------------------------
   TABLET
   ------------------------------------------------------------ */

@media (max-width: 960px) {

    .vt-login-scene {
        min-height:
            auto;

        margin-top:
            0;

        padding-bottom:
            0;
    }

    .vt-login-card-shell {
        transform:
            none
            !important;

        margin:
            18px
            auto
            0
            !important;
    }

}


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

@media (max-width: 560px) {

    .vt-login-card-shell {
        margin-top:
            8px
            !important;
    }

}


/* ------------------------------------------------------------
   LIGHT GLASS
   ------------------------------------------------------------ */

html[data-av3-theme="light"]
.vt-login-card-shell {
    background:
        linear-gradient(
            150deg,
            rgb(255 255 255 / .70),
            rgb(248 251 255 / .59) 50%,
            rgb(241 247 253 / .66)
        )
        padding-box,

        linear-gradient(
            140deg,
            rgb(107 145 201 / .22),
            rgb(101 128 178 / .06) 47%,
            rgb(70 155 191 / .16)
        )
        border-box
        !important;

    backdrop-filter:
        blur(40px)
        saturate(106%)
        !important;

    -webkit-backdrop-filter:
        blur(40px)
        saturate(106%)
        !important;
}

/* ============================================================
   R4.4 LIGHT THEME MATERIAL POLISH
   Light-only.
   Dark / geometry / motion / responsive composition frozen.
   ============================================================ */


/* ------------------------------------------------------------
   LIGHT CANVAS
   ------------------------------------------------------------ */

html[data-av3-theme="light"] .vt-login-stage {
    background:
        radial-gradient(
            circle at 48% -12%,
            rgb(104 145 222 / .15),
            transparent 34%
        ),

        radial-gradient(
            circle at 4% 63%,
            rgb(87 138 205 / .075),
            transparent 29%
        ),

        radial-gradient(
            circle at 102% 76%,
            rgb(64 153 196 / .085),
            transparent 30%
        ),

        linear-gradient(
            145deg,
            #f6f9fd 0%,
            #edf3fa 48%,
            #f2f7fc 73%,
            #edf3f9 100%
        );
}


html[data-av3-theme="light"] .vt-login-stage::before {
    opacity:
        .24;
}


html[data-av3-theme="light"] .vt-login-stage::after {
    background:
        radial-gradient(
            ellipse,
            rgb(96 135 201 / .075),
            transparent 68%
        );
}


/* ------------------------------------------------------------
   LIGHT ORBITAL LINEWORK
   ------------------------------------------------------------ */

html[data-av3-theme="light"] .vt-login-atmosphere::before {
    border-color:
        rgb(83 117 178 / .11);
}


html[data-av3-theme="light"] .vt-login-atmosphere::after {
    border-color:
        rgb(60 137 183 / .12);
}


html[data-av3-theme="light"] .vt-login-halo::before {
    border-color:
        rgb(93 83 175 / .085);
}


html[data-av3-theme="light"] .vt-login-atmosphere {
    background:
        radial-gradient(
            ellipse 61% 28%
            at -14% 43%,
            transparent 69.25%,
            rgb(88 121 184 / .075) 69.45%,
            transparent 69.68%
        ),

        radial-gradient(
            ellipse 61% 29%
            at -9% 47%,
            transparent 72.4%,
            rgb(91 111 170 / .05) 72.6%,
            transparent 72.82%
        ),

        radial-gradient(
            ellipse 64% 31%
            at 112% 70%,
            transparent 70.1%,
            rgb(56 132 178 / .085) 70.3%,
            transparent 70.52%
        ),

        radial-gradient(
            ellipse 55% 27%
            at 61% 117%,
            transparent 73.2%,
            rgb(89 79 164 / .055) 73.4%,
            transparent 73.62%
        );
}


/* ------------------------------------------------------------
   LIGHT PLANETS
   More blue-gray depth; no geometry changes.
   ------------------------------------------------------------ */

html[data-av3-theme="light"] .vt-login-orb {
    opacity:
        .31;

    filter:
        saturate(.72)
        contrast(.96)
        brightness(1.04);
}


html[data-av3-theme="light"] .vt-login-orb--1,
html[data-av3-theme="light"] .vt-login-orb--5 {
    opacity:
        .34;

    filter:
        saturate(.78)
        contrast(.98)
        brightness(1.02);
}


/* ------------------------------------------------------------
   LIGHT GLASS CARD
   ------------------------------------------------------------ */

html[data-av3-theme="light"] .vt-login-card-shell {
    background:
        linear-gradient(
            150deg,
            rgb(255 255 255 / .76),
            rgb(247 250 254 / .64) 47%,
            rgb(236 243 250 / .70) 100%
        )
        padding-box,

        linear-gradient(
            140deg,
            rgb(100 136 193 / .31) 0%,
            rgb(103 127 177 / .095) 32%,
            rgb(91 87 170 / .07) 66%,
            rgb(64 151 190 / .25) 100%
        )
        border-box
        !important;

    box-shadow:
        0 42px 100px
        rgb(58 74 103 / .15),

        0 15px 36px
        rgb(82 99 130 / .07),

        0 0 48px
        rgb(89 129 186 / .055),

        inset 0 1px 0
        rgb(255 255 255 / .94),

        inset 0 -1px 0
        rgb(106 132 177 / .05)
        !important;

    backdrop-filter:
        blur(40px)
        saturate(108%)
        !important;

    -webkit-backdrop-filter:
        blur(40px)
        saturate(108%)
        !important;
}


html[data-av3-theme="light"] .vt-login-card-shell::before {
    opacity:
        .50;

    background:
        radial-gradient(
            ellipse,
            rgb(112 159 220 / .10),
            transparent 70%
        );
}


html[data-av3-theme="light"] .vt-login-card-shell::after {
    opacity:
        .38;

    background:
        radial-gradient(
            ellipse,
            rgb(94 99 185 / .065),
            transparent 72%
        );
}


/* ------------------------------------------------------------
   LIGHT CONTROL BAR
   ------------------------------------------------------------ */

html[data-av3-theme="light"] #vt-auth-control-dock {
    background:
        rgb(247 250 254 / .64);

    border-color:
        rgb(89 116 164 / .14);

    box-shadow:
        0 4px 14px
        rgb(74 91 121 / .055),

        inset 0 1px 0
        rgb(255 255 255 / .90);
}


html[data-av3-theme="light"] #vt-auth-control-dock .vt-btn {
    color:
        rgb(48 66 96 / .76)
        !important;
}


html[data-av3-theme="light"] #vt-auth-control-dock .vt-btn:hover {
    color:
        #17243a
        !important;

    background:
        rgb(85 112 164 / .075)
        !important;
}


/* ------------------------------------------------------------
   LIGHT TYPOGRAPHY
   ------------------------------------------------------------ */

html[data-av3-theme="light"] .vt-login-top-brand,
html[data-av3-theme="light"] .vt-login-brand-name,
html[data-av3-theme="light"] .vt-login-title,
html[data-av3-theme="light"] .vt-login-hero-title,
html[data-av3-theme="light"] .vt-login-quote {
    color:
        #1b2942
        !important;
}


html[data-av3-theme="light"] .vt-login-subtitle,
html[data-av3-theme="light"] .vt-login-hero-copy {
    color:
        rgb(62 80 112 / .66);
}


html[data-av3-theme="light"] .vt-login-label {
    color:
        rgb(48 66 97 / .73);
}


html[data-av3-theme="light"] .vt-login-taxonomy,
html[data-av3-theme="light"] .vt-login-trust,
html[data-av3-theme="light"] .vt-login-legal {
    color:
        rgb(61 78 108 / .48);
}


/* ------------------------------------------------------------
   LIGHT INPUTS
   ------------------------------------------------------------ */

html[data-av3-theme="light"] .vt-login-input {
    background:
        linear-gradient(
            180deg,
            rgb(248 251 255 / .76),
            rgb(238 244 251 / .70)
        )
        !important;

    border-color:
        rgb(91 119 168 / .18)
        !important;

    color:
        #17243b;

    box-shadow:
        0 7px 18px
        rgb(71 88 119 / .045),

        inset 0 1px 0
        rgb(255 255 255 / .88);
}


html[data-av3-theme="light"] .vt-login-input:hover {
    border-color:
        rgb(83 115 171 / .25)
        !important;
}


html[data-av3-theme="light"] .vt-login-input:focus {
    background:
        rgb(249 252 255 / .88)
        !important;

    border-color:
        rgb(74 119 191 / .36)
        !important;

    box-shadow:
        0 0 0 3px
        rgb(70 113 184 / .07),

        0 9px 24px
        rgb(61 78 108 / .06);
}


html[data-av3-theme="light"] .vt-login-input::placeholder {
    color:
        rgb(69 88 121 / .40);
}


html[data-av3-theme="light"] .vt-login-field-icon,
html[data-av3-theme="light"] .vt-login-eye {
    color:
        rgb(66 91 134 / .55);
}


/* ------------------------------------------------------------
   LIGHT SECONDARY CONTROLS
   ------------------------------------------------------------ */

html[data-av3-theme="light"] .vt-login-remember {
    color:
        rgb(50 68 99 / .68);
}


html[data-av3-theme="light"] .vt-login-link {
    color:
        #2f6ea7;
}


html[data-av3-theme="light"] .vt-login-google {
    background:
        rgb(248 251 255 / .66)
        !important;

    border-color:
        rgb(90 118 167 / .15)
        !important;

    color:
        rgb(35 50 76 / .77);

    box-shadow:
        inset 0 1px 0
        rgb(255 255 255 / .82);
}


html[data-av3-theme="light"] .vt-login-divider {
    color:
        rgb(73 91 122 / .38);
}


html[data-av3-theme="light"] .vt-login-divider::before,
html[data-av3-theme="light"] .vt-login-divider::after {
    background:
        rgb(82 105 145 / .14);
}


html[data-av3-theme="light"] .vt-login-secure {
    color:
        rgb(66 84 115 / .40);
}