body{
font-family: Arial, Helvetica, sans-serif;
background:#f5f5f5;
margin:0;
padding:40px;
}

/* Card sections */

.card{
background:white;
max-width:900px;
margin:25px auto;
padding:35px;
border-radius:18px;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
text-align:center;
}

/* Hero section */

.hero{
background:#C8F000;
}

/* Logo */
.logo{
width:140px;
height:auto;
display:block;
margin:0 auto 15px auto;
}

/* Headings */

h1{
font-size:36px;
color:#5A5A5A;
margin-bottom:10px;
}

h2{
color:#5A5A5A;
font-size:24px;
}

/* Tagline */

.tagline{
font-size:18px;
color:#333;
}

/* Text */

p{
font-size:16px;
line-height:1.6;
color:#333;
}

/* Lists */

ul, ol{
list-style-position:inside;
padding:0;
margin-top:15px;
line-height:1.8;
}

/* Links */

a{
color:#5A5A5A;
font-weight:bold;
text-decoration:none;
}

a:hover{
color:#C8F000;
}

/* Hover animation */

.card:hover{
transform:translateY(-4px);
box-shadow:0 12px 30px rgba(0,0,0,0.12);
transition:0.3s;
}