*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial,sans-serif;
}

body{

    background:#e7e7e7;

    min-height:100vh;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

}

.container{

    width:100%;

    max-width:700px;

    margin:auto;

    padding:50px 20px;

    text-align:center;

}

h1{

    font-size:48px;

    color:#333;

}

.subtitle{

    margin-top:10px;

    color:#777;

    margin-bottom:40px;

}

.cards{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.card{

    text-decoration:none;

    color:#333;

    background:white;

    border-radius:18px;

    padding:25px;

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

    transition:.25s;

}

.card:hover{

    transform:translateY(-6px);

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

}

.icon{

    font-size:42px;

    margin-bottom:12px;

}

.card h2{

    margin-bottom:10px;

}

.card p{

    color:#666;

}

footer{

    text-align:center;

    padding:20px;

    color:#888;

    font-size:14px;

}