.footer[data-v-fe5ca1f8] {
            background: #0f172a;
            color: #94a3b8;
            padding: 44px 0 24px
        }

        .footer-main[data-v-fe5ca1f8] {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 32px;
            margin-bottom: 28px
        }

        .footer-brand .logo[data-v-fe5ca1f8] {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 16px
        }

        .footer-brand .logo-text[data-v-fe5ca1f8] {
            font-size: 22px;
            font-weight: 800;
            color: #fff;
            letter-spacing: -.5px
        }

        .brand-desc[data-v-fe5ca1f8] {
            font-size: 14px;
            line-height: 1.7;
            color: #94a3b8;
            max-width: 540px
        }

        .footer-nav[data-v-fe5ca1f8] {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 12px 20px;
            max-width: 420px;
            padding-top: 4px
        }

        .footer-nav a[data-v-fe5ca1f8] {
            font-size: 14px;
            color: #94a3b8;
            transition: color .2s
        }

        .footer-nav a[data-v-fe5ca1f8]:hover {
            color: #fff
        }

        .footer-bottom[data-v-fe5ca1f8] {
            border-top: 1px solid hsla(0, 0%, 100%, .06);
            padding-top: 18px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            font-size: 13px;
            color: #64748b
        }

        .footer-meta[data-v-fe5ca1f8] {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 16px
        }

        .footer-meta a[data-v-fe5ca1f8] {
            color: #64748b;
            transition: color .2s
        }

        .footer-meta a[data-v-fe5ca1f8]:hover {
            color: #cbd5e1
        }

        @media(max-width:640px) {
            .footer[data-v-fe5ca1f8] {
                padding: 36px 0 22px
            }

            .footer-main[data-v-fe5ca1f8] {
                flex-direction: column;
                gap: 22px
            }

            .footer-nav[data-v-fe5ca1f8] {
                justify-content: flex-start;
                gap: 10px 16px
            }

            .footer-bottom[data-v-fe5ca1f8] {
                flex-direction: column;
                align-items: flex-start
            }

            .footer-meta[data-v-fe5ca1f8] {
                justify-content: flex-start
            }
        }