body{
margin:0;
font-family:Arial,sans-serif;
background:linear-gradient(#dff6df,#8bc98b);
display:flex;
align-items:center;
justify-content:center;
height:100vh;
color:#214d2f;
}
.hero{
text-align:center;
background:rgba(255,255,255,.82);
padding:40px;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.2);
max-width:700px;
}
.logo{width:180px}
h1{margin-bottom:10px}
.tagline{font-size:1.3em;font-weight:bold}
.welcome{margin:25px 0}
.buttons a{
display:inline-block;
margin:8px;
padding:12px 20px;
background:#2f7d32;
color:white;
text-decoration:none;
border-radius:8px;
}