*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:
        Inter,
        Segoe UI,
        Arial,
        sans-serif;

    background:var(--color-bg);
    color:var(--color-text);
    line-height:1.7;
    overflow-x:hidden;
}

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
    color:inherit;
}

ul{
    list-style:none;
}

.container{
    width:min(92%, var(--container));
    margin:auto;
}

.section{
    padding:80px 0;
}

.section-title{
    text-align:center;
    color:var(--color-dark);
    margin-bottom:20px;
    font-size:2.5rem;
}

.section-subtitle{
    text-align:center;
    max-width:700px;
    margin:auto;
}