:root{
    --mt-blue:#4b6da4;
    --mt-blue-soft:#5477b0;
    --mt-blue-pale:#d1e2ff;
    --mt-sand:#ffdeb2;
    --mt-pink:#ffe1f0;
    --mt-yellow:#eded9d;
    --mt-accent:#ff8562;
    --mt-text:#2f3a4d;
    --mt-muted:#5a6880;
    --mt-line:#e5ecf9;
    --mt-card:#ffffff;
    --mt-shadow:0 8px 26px rgba(75,109,164,.09);
    --mt-radius:20px;
}

html,body{max-width:100%;}
body{overflow-x:hidden;}
img,svg,video,iframe,canvas{max-width:100%;}

#main-text{
    font-family:'TildaSans','Geometria',Arial,Helvetica,sans-serif;
    font-size:17px;
    line-height:1.76;
    color:var(--mt-text);
    background:linear-gradient(180deg,#ffffff 0%,#f7f9ff 42%,#fff7fb 100%);
    padding:76px 24px 84px;
    box-sizing:border-box;
    overflow-wrap:break-word;
    word-break:break-word;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

#main-text *{box-sizing:border-box;}

#main-text>*{
    max-width:1180px;
    margin-left:auto;
    margin-right:auto;
}

#main-text h1,
#main-text h2,
#main-text h3,
#main-text h4,
#main-text h5,
#main-text h6{
    font-family:'TildaSans','Geometria',Arial,Helvetica,sans-serif;
    color:var(--mt-blue);
    font-weight:800;
    letter-spacing:-.01em;
    text-wrap:balance;
}

#main-text h1{
    font-size:clamp(26px,3.3vw,46px);
    line-height:1.16;
    text-align:center;
    margin:0 auto 18px;
    padding-bottom:26px;
    position:relative;
    text-transform:uppercase;
}

#main-text h1:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:120px;
    height:8px;
    border-radius:8px;
    background:linear-gradient(90deg,var(--mt-sand),var(--mt-accent));
}

#main-text h2{
    font-size:clamp(22px,2.3vw,34px);
    line-height:1.24;
    margin:64px auto 22px;
    padding:2px 0 2px 22px;
    border-left:7px solid var(--mt-sand);
}

#main-text h3{
    font-size:clamp(19px,1.7vw,26px);
    line-height:1.3;
    color:var(--mt-blue-soft);
    font-weight:700;
    margin:46px auto 16px;
    padding-left:26px;
    position:relative;
}

#main-text h3:before{
    content:"";
    position:absolute;
    left:0;
    top:.52em;
    width:12px;
    height:12px;
    border-radius:50%;
    background:var(--mt-accent);
}

#main-text h4{
    font-size:clamp(17px,1.3vw,21px);
    margin:34px auto 14px;
    color:var(--mt-blue-soft);
}

#main-text h5,
#main-text h6{
    font-size:17px;
    margin:28px auto 12px;
    text-transform:uppercase;
    letter-spacing:.04em;
}

#main-text p{
    margin:0 auto 20px;
    color:var(--mt-text);
}

#main-text h1+p{
    font-size:1.07em;
    line-height:1.72;
    color:var(--mt-muted);
}

#main-text p:last-child{margin-bottom:0;}

#main-text strong,
#main-text b{
    font-weight:700;
    color:#22314a;
}

#main-text em,
#main-text i{color:var(--mt-blue-soft);}

#main-text mark{
    background:var(--mt-yellow);
    color:#33405a;
    padding:0 4px;
    border-radius:4px;
}

#main-text a{
    color:var(--mt-blue);
    text-decoration:underline;
    text-decoration-color:rgba(75,109,164,.35);
    text-decoration-thickness:2px;
    text-underline-offset:3px;
    transition:color .2s ease,text-decoration-color .2s ease;
}

#main-text a:hover,
#main-text a:focus{
    color:var(--mt-accent);
    text-decoration-color:var(--mt-accent);
}

#main-text ul{
    list-style:none;
    padding:0;
    margin:26px auto 30px;
}

#main-text ul li{
    position:relative;
    padding-left:34px;
    margin-bottom:14px;
}

#main-text ul li:before{
    content:"";
    position:absolute;
    left:9px;
    top:.66em;
    width:11px;
    height:11px;
    border-radius:50%;
    background:var(--mt-accent);
    box-shadow:0 0 0 5px rgba(255,133,98,.14);
}

#main-text ol{
    list-style:none;
    counter-reset:mtnum;
    padding:0;
    margin:34px auto 38px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:16px;
}

#main-text ol li{
    counter-increment:mtnum;
    position:relative;
    background:var(--mt-card);
    border:1px solid var(--mt-line);
    border-radius:var(--mt-radius);
    box-shadow:var(--mt-shadow);
    padding:22px 24px 22px 74px;
    margin:0;
    line-height:1.6;
}

#main-text ol li:before{
    content:counter(mtnum);
    position:absolute;
    left:20px;
    top:20px;
    width:38px;
    height:38px;
    border-radius:50%;
    background:var(--mt-blue-pale);
    color:var(--mt-blue);
    font-weight:800;
    font-size:17px;
    display:flex;
    align-items:center;
    justify-content:center;
}

#main-text ul ul,
#main-text ul ol,
#main-text ol ul,
#main-text ol ol{
    margin:12px 0 0;
    display:block;
    grid-template-columns:none;
}

#main-text ul ul li:before{
    background:var(--mt-blue-soft);
    box-shadow:none;
    width:8px;
    height:8px;
}

#main-text blockquote{
    margin:32px auto;
    padding:26px 30px;
    background:var(--mt-pink);
    border-left:7px solid var(--mt-accent);
    border-radius:16px;
    color:#3c4a63;
    font-size:1.03em;
    font-style:normal;
}

#main-text blockquote p:last-child{margin-bottom:0;}

#main-text figure{
    margin:32px auto;
    text-align:center;
}

#main-text figcaption{
    margin-top:12px;
    font-size:15px;
    color:var(--mt-muted);
}

#main-text img{
    display:block;
    max-width:100%;
    height:auto;
    border-radius:var(--mt-radius);
    margin:0 auto;
}

#main-text p>img,
#main-text figure img{box-shadow:var(--mt-shadow);}

#main-text hr{
    border:0;
    height:4px;
    border-radius:4px;
    margin:46px auto;
    background:linear-gradient(90deg,var(--mt-sand),var(--mt-pink),var(--mt-blue-pale));
}

#main-text pre,
#main-text code{
    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    font-size:.92em;
}

#main-text code{
    background:#eef3fd;
    color:#33456b;
    padding:2px 6px;
    border-radius:6px;
}

#main-text pre{
    background:#f3f6fd;
    border:1px solid var(--mt-line);
    border-radius:16px;
    padding:20px 22px;
    overflow-x:auto;
    margin:26px auto 30px;
}

#main-text pre code{background:none;padding:0;}

#main-text table{
    width:100%;
    border-collapse:collapse;
    margin:30px auto 34px;
    background:var(--mt-card);
    border-radius:var(--mt-radius);
    overflow:hidden;
    box-shadow:var(--mt-shadow);
    font-size:16px;
}

#main-text thead th{
    background:var(--mt-blue);
    color:#fff;
    font-weight:700;
    text-align:left;
}

#main-text th,
#main-text td{
    padding:14px 18px;
    border-bottom:1px solid var(--mt-line);
    vertical-align:top;
}

#main-text tbody tr:nth-child(even){background:#f8faff;}
#main-text tbody tr:last-child td{border-bottom:0;}

#main-text ::selection{
    background:var(--mt-sand);
    color:#2b3854;
}

#main-text a:focus-visible,
#main-text button:focus-visible{
    outline:3px solid var(--mt-accent);
    outline-offset:3px;
    border-radius:4px;
}

#main-text input,
#main-text textarea,
#main-text select{
    font-family:inherit;
    font-size:16px;
    width:100%;
    max-width:520px;
    padding:13px 16px;
    border:1px solid var(--mt-line);
    border-radius:14px;
    background:#fff;
    color:var(--mt-text);
}

#main-text input:focus,
#main-text textarea:focus,
#main-text select:focus{
    outline:none;
    border-color:var(--mt-blue-soft);
    box-shadow:0 0 0 4px rgba(75,109,164,.14);
}

#main-text button,
#main-text input[type=submit]{
    width:auto;
    display:inline-block;
    padding:14px 30px;
    border:0;
    border-radius:40px;
    background:var(--mt-blue);
    color:#fff;
    font-weight:700;
    cursor:pointer;
    transition:background .2s ease,transform .2s ease;
}

#main-text button:hover,
#main-text input[type=submit]:hover{
    background:var(--mt-blue-soft);
    transform:translateY(-1px);
}

@media screen and (max-width:1024px){
    #main-text{
        padding:56px 22px 62px;
        font-size:16.5px;
    }
    #main-text h2{margin-top:52px;}
    #main-text h3{margin-top:38px;}
}

@media screen and (max-width:760px){
    #main-text{
        padding:42px 18px 50px;
        font-size:16px;
        line-height:1.7;
    }
    #main-text h1{
        font-size:25px;
        padding-bottom:20px;
        margin-bottom:16px;
    }
    #main-text h1:after{width:92px;height:6px;}
    #main-text h2{
        font-size:21px;
        margin:40px auto 16px;
        padding-left:16px;
        border-left-width:5px;
    }
    #main-text h3{
        font-size:19px;
        margin:32px auto 14px;
        padding-left:22px;
    }
    #main-text h3:before{width:10px;height:10px;}
    #main-text p{margin-bottom:17px;}
    #main-text ol{
        grid-template-columns:1fr;
        gap:12px;
        margin:26px auto 30px;
    }
    #main-text ol li{
        padding:18px 18px 18px 64px;
    }
    #main-text ol li:before{
        left:16px;
        top:17px;
        width:34px;
        height:34px;
        font-size:16px;
    }
    #main-text ul li{padding-left:28px;margin-bottom:12px;}
    #main-text ul li:before{left:6px;width:9px;height:9px;}
    #main-text blockquote{
        padding:20px 20px;
        border-left-width:5px;
        margin:26px auto;
    }
    #main-text table{
        display:block;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        font-size:15px;
    }
    #main-text th,
    #main-text td{padding:11px 13px;}
    #main-text hr{margin:34px auto;}
}

@media screen and (max-width:420px){
    #main-text{
        padding:34px 14px 40px;
        font-size:15.5px;
    }
    #main-text h1{font-size:22px;}
    #main-text h2{font-size:19px;padding-left:13px;}
    #main-text h3{font-size:17.5px;}
    #main-text ol li{padding:16px 15px 16px 58px;}
    #main-text ol li:before{left:13px;top:15px;width:31px;height:31px;font-size:15px;}
}