:root {
    --legal-bg: #090b0f;
    --legal-line: rgba(255,255,255,.075);
    --legal-text: #f5f6f8;
    --legal-muted: rgba(245,246,248,.55);
    --legal-dim: rgba(245,246,248,.34);
    --legal-green: #44d991;
}


* {
    box-sizing: border-box;
}


body.legal-v2-page {
    margin: 0;

    background:
        var(--legal-bg);

    color:
        var(--legal-text);

    -webkit-font-smoothing:
        antialiased;
}


.legal-v2-container,
.legal-v2-page .container {
    width:
        min(
            calc(100% - 48px),
            1120px
        );

    margin:
        0 auto;
}


/* HEADER */

.legal-v2-header {
    border-bottom:
        1px solid
        var(--legal-line);
}


.legal-v2-nav {
    min-height:
        72px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        24px;
}


.legal-v2-logo {
    color:
        #fff;

    text-decoration:
        none;

    font-size:
        19px;

    font-weight:
        800;

    letter-spacing:
        -.04em;
}


.legal-v2-logo span {
    color:
        rgba(255,255,255,.52);
}


.legal-v2-account {
    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    padding:
        11px 14px;

    border:
        1px solid
        var(--legal-line);

    border-radius:
        13px;

    color:
        rgba(255,255,255,.82);

    text-decoration:
        none;

    font-size:
        13px;

    font-weight:
        650;
}


.legal-v2-account i {
    width:
        7px;

    height:
        7px;

    border-radius:
        50%;

    background:
        var(--legal-green);
}


.legal-v2-actions {
    display:
        flex;

    align-items:
        center;

    gap:
        10px;
}


.legal-v2-actions a {
    color:
        var(--legal-muted);

    text-decoration:
        none;

    font-size:
        13px;
}


.legal-v2-actions .legal-v2-connect {
    padding:
        10px 14px;

    border-radius:
        11px;

    background:
        #f5f6f8;

    color:
        #090b0f;

    font-weight:
        700;
}


/* CONTENT */

.legal-v2-main {
    min-height:
        calc(100vh - 210px);
}


.legal-v2-main section,
.legal-v2-main article {
    width:
        min(
            calc(100% - 48px),
            1120px
        ) !important;

    margin:
        0 auto !important;

    padding:
        74px 0 90px !important;

    background:
        transparent !important;
}


.legal-v2-main .container {
    width:
        100% !important;
}


.legal-v2-main h1 {
    max-width:
        850px;

    margin:
        10px 0 36px !important;

    color:
        var(--legal-text) !important;

    font-size:
        clamp(
            40px,
            5vw,
            58px
        ) !important;

    line-height:
        1 !important;

    letter-spacing:
        -.05em !important;
}


.legal-v2-main h2 {
    max-width:
        760px;

    margin:
        48px 0 14px !important;

    color:
        var(--legal-text) !important;

    font-size:
        24px !important;

    line-height:
        1.15;

    letter-spacing:
        -.03em;
}


.legal-v2-main h3 {
    margin:
        32px 0 12px !important;

    color:
        rgba(255,255,255,.88) !important;
}


.legal-v2-main p,
.legal-v2-main li {
    max-width:
        800px;

    color:
        var(--legal-muted) !important;

    font-size:
        14px !important;

    line-height:
        1.75 !important;
}


.legal-v2-main ul,
.legal-v2-main ol {
    max-width:
        800px;

    padding-left:
        20px;
}


.legal-v2-main a {
    color:
        rgba(255,255,255,.84) !important;
}


.legal-v2-main hr {
    margin:
        38px 0;

    border:
        0;

    border-top:
        1px solid
        var(--legal-line);
}


/* При наличии старых карточок — убираем старый UI */

.legal-v2-main
[class*="card"],
.legal-v2-main
[class*="box"] {
    max-width:
        840px;

    padding:
        22px !important;

    border:
        1px solid
        var(--legal-line) !important;

    border-radius:
        16px !important;

    background:
        rgba(255,255,255,.018) !important;
}


/* FOOTER */

.legal-v2-footer {
    border-top:
        1px solid
        var(--legal-line);
}


.legal-v2-footer-inner {
    min-height:
        128px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        34px;
}


.legal-v2-brand strong,
.legal-v2-brand span {
    display:
        block;
}


.legal-v2-brand strong {
    font-size:
        13px;
}


.legal-v2-brand span {
    margin-top:
        5px;

    color:
        var(--legal-muted);

    font-size:
        11px;
}


.legal-v2-footer-links {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        20px;
}


.legal-v2-footer-links a {
    color:
        var(--legal-muted);

    text-decoration:
        none;

    font-size:
        12px;
}


.legal-v2-footer-links a:hover {
    color:
        #fff;
}


@media (max-width: 700px) {

    .legal-v2-container,
    .legal-v2-page .container,
    .legal-v2-main section,
    .legal-v2-main article {
        width:
            calc(100% - 28px) !important;
    }


    .legal-v2-main section,
    .legal-v2-main article {
        padding:
            48px 0 64px !important;
    }


    .legal-v2-footer-inner {
        align-items:
            flex-start;

        flex-direction:
            column;

        padding:
            28px 0;
    }


    .legal-v2-footer-links {
        gap:
            14px 18px;
    }

}