/* Extracted from Views/Home/InvalidSession.cshtml */
body {
        background: #f3f4f7;
    }

    body.telegram-connecting .custom-nav-inner-close,
    body.telegram-connecting .custom-nav-inner-cart {
        display: none !important;
    }

    body.telegram-connecting .custom-nav-inner {
        grid-template-columns: minmax(0, 1fr) !important;
        justify-items: center;
    }

    body.telegram-connecting .custom-nav-inner-logo {
        grid-column: 1;
        width: 100%;
        margin-left: 0 !important;
        justify-content: center;
    }

    .telegram-connect-page {
        min-height: calc(var(--app-viewport-height, 100dvh) - 120px);
        padding: 28px 18px 120px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #fff8e6 0%, #fffaf0 35%, #ffffff 100%);
        border-radius: 8px;
    }

    .telegram-connect-card {
        width: min(100%, 460px);
        padding: 34px 26px;
        border-radius: 30px;
        background: rgba(255, 255, 255, 0.96);
        border: 1px solid rgba(252, 179, 14, 0.18);
        box-shadow: 0 24px 58px rgba(17, 19, 22, 0.12);
        text-align: center;
        font-family: 'FSAlbertTrial-Regular', Arial, sans-serif;
    }

    .telegram-connect-icon {
        width: 84px;
        height: 84px;
        margin: 0 auto 18px;
        border-radius: 28px;
        display: grid;
        place-items: center;
        background: #fff8e5;
        color: #FCB30E;
        font-size: 34px;
        box-shadow: inset 0 0 0 1px rgba(252, 179, 14, 0.18);
    }

    .telegram-connect-card h1 {
        margin: 0 0 10px;
        color: #111316;
        font-size: 30px;
        line-height: 1.12;
        font-weight: 900;
        letter-spacing: 0;
    }

    .telegram-connect-card p {
        margin: 0;
        color: #667085;
        font-size: 17px;
        line-height: 1.45;
        font-weight: 700;
    }

    .telegram-connect-spinner {
        width: 42px;
        height: 42px;
        margin: 24px auto 0;
        border-radius: 50%;
        border: 4px solid rgba(252, 179, 14, 0.18);
        border-top-color: #FCB30E;
        animation: telegramConnectSpin 850ms linear infinite;
    }

    .telegram-connect-fallback {
        display: none;
    }

    .telegram-contact-retry,
    .telegram-contact-error {
        display: none;
    }

    .telegram-connect-page.contact-retry-required .telegram-connect-spinner {
        display: none;
    }

    .telegram-connect-page.contact-retry-required .telegram-contact-retry {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        margin-top: 20px;
        padding: 0 22px;
        border: 0;
        border-radius: 14px;
        background: #FCB30E;
        color: #191919;
        font-weight: 800;
    }

    .telegram-connect-page.contact-retry-required .telegram-contact-error {
        display: block;
        margin: 12px 0 0;
        color: #8a5b00;
        font-size: 14px;
    }

    .telegram-connect-page.is-fallback .telegram-connect-loading {
        display: none;
    }

    .telegram-connect-page.is-fallback .telegram-connect-fallback {
        display: block;
    }

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