// index.less
@import "/_assets/styles/app.less";
@import "/_components/page-header/page-header.less";
@import "/_components/page-footer/page-footer.less";

.page__container{
    min-height: calc(100vh - 70px);
    padding-left: calc((100% - 1200px) / 2);
    padding-top: 100px;
    padding-bottom: 100px;

    .page__content{
        max-width: 820px;
        margin: 0 auto;
    }

    .page-title{
        font-size: @fontSize-extra-large;
        font-weight: @fontWeights-extra-bold;
        letter-spacing: -0.4px;
        margin-bottom: @spacing-extra-small;
    }

    .page-subtitle{
        color: @grey-label;
        font-size: @fontSize-medium;
        margin-bottom: @spacing-large;
    }

    .terms-card{
        background: @white;
        border: 1px solid @grey-light;
        border-radius: 16px;
        padding: @spacing-extra-large;
        box-shadow: 0 1px 3px rgba(20, 25, 60, 0.04);
    }

    .terms{
        color: @grey-medium;
        font-size: @fontSize-medium;
        line-height: 1.8;

        p{
            margin: 0 0 @spacing-medium;

            &:last-child{
                margin-bottom: 0;
            }
        }

        a{
            color: @primary;
            font-weight: @fontWeights-semi-bold;
            text-decoration: none;

            &:hover{
                text-decoration: underline;
            }
        }
    }

    @media (max-width: 768px) {
        padding: @spacing-large @spacing-medium;

        .terms-card{
            padding: @spacing-large;
        }
    }
}

.page-footer {
    padding-left: 0;
}

p, h1, h2, h3, h4, h5, h6, span {
    font-family: @fontFamily !important;
    background-image: none !important;
}

table {
    width: 100% !important;
}