/* =====================================================
   LOGOVARO INFORMATION PAGES
   Privacy / Security / Help
   ===================================================== */

.info-page {
    max-width: 1100px;

    margin: 0 auto;

    padding:
        70px
        40px
        100px;
}


/* =====================================================
   PAGE HEADER
   ===================================================== */

.info-page-header {
    max-width: 760px;

    margin-bottom: 42px;
}


.info-page-header h1 {
    margin:
        12px
        0
        18px;

    color: #111827;

    font-size: clamp(2.6rem, 5vw, 4.4rem);
    font-weight: 800;

    line-height: 1.02;
    letter-spacing: -0.045em;
}


.info-page-header p {
    margin: 0;

    color: #667085;

    font-size: 1.08rem;
    line-height: 1.75;
}


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

.info-content {
    display: flex;
    flex-direction: column;

    gap: 22px;
}


/* =====================================================
   INFORMATION CARDS
   ===================================================== */

.info-card {
    padding: 30px;

    border: 1px solid #e7eaf0;
    border-radius: 20px;

    background: #ffffff;

    box-shadow:
        0 10px 30px rgba(31, 41, 55, 0.045);
}


.info-card h2 {
    margin:
        0
        0
        14px;

    color: #182230;

    font-size: 1.35rem;
    font-weight: 750;

    letter-spacing: -0.025em;
}


.info-card p {
    margin:
        0
        0
        14px;

    color: #667085;

    line-height: 1.72;
}


.info-card p:last-child {
    margin-bottom: 0;
}


.info-card ul {
    margin:
        16px
        0
        0;

    padding-left: 22px;
}


.info-card li {
    margin-bottom: 9px;

    color: #667085;

    line-height: 1.6;
}


.info-card li:last-child {
    margin-bottom: 0;
}


/* =====================================================
   PAGE ACTIONS
   ===================================================== */

.info-page-actions {
    margin-top: 12px;
}


.info-back-link {
    display: inline-flex;
    align-items: center;

    color: #635bff;

    font-size: 0.92rem;
    font-weight: 700;

    text-decoration: none;

    transition:
        color 0.2s ease,
        transform 0.2s ease;
}


.info-back-link:hover {
    color: #4f46e5;

    transform: translateX(-2px);
}


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

@media (max-width: 900px) {

    .info-page {
        padding:
            55px
            28px
            80px;
    }

}


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

@media (max-width: 600px) {

    .info-page {
        padding:
            42px
            20px
            70px;
    }


    .info-page-header {
        margin-bottom: 30px;
    }


    .info-page-header h1 {
        font-size: 2.5rem;
    }


    .info-page-header p {
        font-size: 1rem;
    }


    .info-card {
        padding: 22px;

        border-radius: 17px;
    }


    .info-card h2 {
        font-size: 1.2rem;
    }

}