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

body{

    background:#f2f4f8;

    font-family:Arial, Helvetica, sans-serif;

    color:#333;

    line-height:1.6;

}

.container{

    max-width:700px;

    margin:40px auto;

    padding:20px;

}

.logo{

    width:150px;

    display:block;

    margin:0 auto 20px auto;

}

h1{

    text-align:center;

    margin-bottom:8px;

    font-size:2rem;

}

h2{

    text-align:center;

    color:#666;

    font-weight:normal;

    margin-bottom:30px;

    font-size:1.1rem;

}

.buttons{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

    gap:15px;

    margin-bottom:30px;

}

.buttons a{

    display:block;

    text-align:center;

    text-decoration:none;

    background:#1b5ea6;

    color:white;

    padding:15px;

    border-radius:10px;

    font-weight:bold;

    transition:.2s;

}

.buttons a:hover{

    background:#154a82;

    transform:translateY(-2px);

}

section{

    background:white;

    margin-bottom:20px;

    padding:20px;

    border-radius:12px;

    box-shadow:0 2px 8px rgba(0,0,0,.08);

}

section h3{

    margin-bottom:15px;

    color:#1b5ea6;

}

section ul{

    margin-left:20px;

}

section li{

    margin-bottom:8px;

}

section p{

    margin-bottom:10px;

}

section a{

    color:#1b5ea6;

    text-decoration:none;

    font-weight:bold;

}

section a:hover{

    text-decoration:underline;

}

.footer{

    text-align:center;

    color:#666;

    margin-top:40px;

    padding:20px;

}

.footer a{

    color:#1b5ea6;

    text-decoration:none;

    font-weight:bold;

}

.footer a:hover{

    text-decoration:underline;

}

@media (max-width:600px){

    .container{

        margin:20px auto;

        padding:15px;

    }

    h1{

        font-size:1.7rem;

    }

    h2{

        font-size:1rem;

    }

    .buttons{

        grid-template-columns:1fr;

    }

}