@media (max-width: 640px) {
    html {
        font-size: 18px;
    }

    body {
        font-size: 18px;
        line-height: 1.58;
        color: #07111f;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    body.bg-\[\#03050c\],
    body[class*="bg-[#03050c]"] {
        color: #f8fafc;
    }

    .px-6 {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .py-24,
    .py-28,
    .py-32 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }

    .pt-24,
    .pt-28,
    .pt-32,
    .pt-44 {
        padding-top: 5.25rem !important;
    }

    p,
    li,
    label,
    input,
    textarea,
    select,
    button,
    a {
        font-size: 1rem;
    }

    h1 {
        font-size: clamp(2.35rem, 14vw, 3.45rem) !important;
        line-height: 1.05 !important;
        letter-spacing: 0 !important;
    }

    h2 {
        font-size: clamp(2rem, 10vw, 2.75rem) !important;
        line-height: 1.1 !important;
        letter-spacing: 0 !important;
    }

    h3 {
        font-size: 1.35rem !important;
        line-height: 1.18 !important;
    }

    .text-slate-500,
    .text-slate-400 {
        color: #334155 !important;
    }

    .bg-\[\#03050c\] .text-slate-400,
    .bg-\[\#03050c\] .text-slate-300,
    body[class*="bg-[#03050c]"] .text-slate-400,
    body[class*="bg-[#03050c]"] .text-slate-300 {
        color: #e2e8f0 !important;
    }

    .font-black,
    .font-extrabold {
        font-weight: 760 !important;
    }

    .font-bold {
        font-weight: 650 !important;
    }

    a,
    button {
        min-height: 48px;
    }

    input,
    textarea,
    select {
        min-height: 48px;
    }

    #mobile-menu {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
}