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

body{
    background:#F7F9FC;
    color:#111111;
    font-family:"Inter",sans-serif;
}

/* HEADER */

header{
    position:sticky;
    top:0;
    background:rgba(255,255,255,.95);
    backdrop-filter:blur(10px);
    border-bottom:1px solid #E5ECF4;
}

nav{
    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:1fr auto 1fr;

    align-items:center;

    padding:25px 40px;
}

.nav-left{
    justify-self:start;
}

.nav-right{
    justify-self:end;
}

nav a{
    text-decoration:none;
    color:#0E4674;
    font-weight:600;
    transition:.25s;
}

nav a:hover{
    color:#3E95E3;
}

.logo{
    display:flex;
    justify-content:center;
}

.logo a{
    display:inline-block;
}

.logo img{
    width:420px;
    max-width:100%;
    height:auto;
}

/* MAIN */

main{
    min-height:calc(100vh - 170px);

    display:flex;
    flex-direction:column;

    justify-content:center;
    align-items:center;

    text-align:center;

    padding:60px 25px;
}

.paper-icon{
    width:180px;
    margin-bottom:35px;
}

h1{
    font-family:"Playfair Display",serif;
    font-size:3rem;
    margin-bottom:25px;
}

p{
    max-width:700px;
    font-size:1.1rem;
    line-height:1.9;
    color:#555;
}

/* FOOTER */

footer{
    border-top:1px solid #E5ECF4;
    padding:25px;
    text-align:center;
    color:#7B8794;
}

/* MOBILE */

@media (max-width:900px){

    nav{
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:18px;
        padding:20px;
    }

    .logo{
        order:1;
    }

    .nav-left{
        order:2;
        text-align:center;
        width:100%;
    }

    .nav-right{
        order:3;
        text-align:center;
        width:100%;
    }

    .logo img{
        width:280px;
    }

    .paper-icon{
        width:140px;
    }

    h1{
        font-size:2.2rem;
    }

    p{
        font-size:1rem;
        line-height:1.8;
    }

}