html,
body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body { background-color: #0f1115; }
        .glass-card {
            background: rgba(255, 255, 255, 1); /* 0.75 - это уровень прозрачности */
            backdrop-filter: blur(24px); /* Чуть усилили размытие фона для читаемости текста */
            -webkit-backdrop-filter: blur(24px);
        }
        /* Прячем ползунок прокрутки, но оставляем возможность скроллить */
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

@media (max-width: 767px) {
    html,
    body {
        min-height: 100dvh;
        overflow-x: hidden;
        touch-action: pan-x pan-y;
    }

    body {
        align-items: flex-start !important;
        justify-content: center !important;
        padding: calc(14px + env(safe-area-inset-top, 0px)) 14px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
        overflow-y: auto !important;
    }

    .glass-card {
        max-width: 430px !important;
        max-height: none !important;
        min-height: auto;
        padding: 24px 20px !important;
        border-radius: 28px !important;
    }

    .glass-card img {
        height: 70px !important;
    }

    .glass-card input,
    .glass-card select,
    .glass-card textarea {
        min-height: 44px;
        font-size: 16px !important;
    }

    .glass-card button,
    .glass-card a {
        min-height: 44px;
    }
}

@media (max-width: 374px) {
    body {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .glass-card {
        padding-left: 16px !important;
        padding-right: 16px !important;
        border-radius: 24px !important;
    }
}