body{
    margin:0;
    font-family:Arial,sans-serif;
    background:#F8FAFC;
    color:#0F172A;
}

header{
    padding:40px;
    text-align:center;
    background:#0F172A;
    color:white;
}

.hero{
    text-align:center;
    padding:80px 20px;
}

.hero h2{
    font-size:2.5rem;
}

button{
    background:#14B8A6;
    color:white;
    border:none;
    padding:15px 30px;
    border-radius:10px;
    cursor:pointer;
}

.cards{
    display:flex;
    gap:20px;
    padding:40px;
    justify-content:center;
    flex-wrap:wrap;
}

.card{
    background:white;
    padding:25px;
    width:280px;
    border-radius:15px;
    box-shadow:0 2px 8px rgba(0,0,0,0.1);
}

footer{
    text-align:center;
    padding:20px;
}

.logo{
	width:500px;
	max-width:90%
	height:auto;
	display:block;
	margin:0 auto 20px auto;
}