body
{
    margin:0;

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

    background:#f7f7f7;

    color:#333;
}

.page
{
    width:1000px;

    margin:auto;

    padding:50px;
}

.logo
{
    width:350px;

    margin-bottom:30px;
}

h1
{
    color:#222;

    font-size:42px;

    margin-bottom:10px;
}

.subtitle
{
    font-size:24px;

    color:#f26c23;

    margin-bottom:40px;
}

.description
{
    font-size:18px;

    line-height:1.6;

    margin-bottom:50px;
}

.cards
{
    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;
}

.card
{
    background:white;

    padding:30px;

    border-radius:12px;

    box-shadow:0 3px 12px rgba(0,0,0,.12);

    text-decoration:none;

    color:#333;

    transition:.25s;
}

.card:hover
{
    transform:translateY(-5px);

    box-shadow:0 10px 25px rgba(0,0,0,.20);
}

.card h2
{
    color:#f26c23;

    margin-top:0;
}

footer
{
    margin-top:80px;

    text-align:center;

    color:#666;
}