:root{
--dark:#1e4435;
--accent:#c8df9e;
--paper:#f6faf2;
}
*{box-sizing:border-box}
body{
margin:0;
background:var(--paper);
color:#252525;
font-family:system-ui,-apple-system,Segoe UI,sans-serif;
line-height:1.65;
}
header{background:var(--dark);color:white}
.header{
max-width:1200px;
margin:auto;
padding:20px;
display:flex;
justify-content:space-between;
align-items:center;
gap:25px;
}
.brand{
font-size:1.5rem;
font-weight:900;
text-decoration:none;
color:white;
}
nav{display:flex;flex-wrap:wrap;gap:15px}
nav a{color:white;text-decoration:none;font-size:.85rem;font-weight:700}
nav a:hover{color:var(--accent)}
.hero{
background:linear-gradient(120deg,var(--dark),#222);
color:white;
padding:95px 24px;
}
.hero-inner{max-width:1150px;margin:auto}
h1{font-size:clamp(3rem,7vw,6rem);line-height:1.05;margin:15px 0}
h2{font-size:clamp(2rem,4vw,3rem)}
.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-weight:900}
.hero p{font-size:1.2rem}
.button{
display:inline-block;
background:var(--accent);
color:#111;
padding:14px 25px;
font-weight:850;
text-decoration:none;
border:0;
border-radius:5px;
cursor:pointer;
}
main section{max-width:1150px;margin:auto;padding:65px 24px}
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
gap:24px;
}
.card{
background:white;
padding:27px;
border-radius:10px;
box-shadow:0 8px 25px #00000012;
}
form{display:grid;gap:15px;max-width:650px}
input,textarea,select{
display:block;
width:100%;
padding:12px;
font:inherit;
border:1px solid #aaa;
}
label{font-weight:700}
.notice{padding:18px;background:#fff1c7;border-left:5px solid var(--accent)}
footer{background:var(--dark);color:white;text-align:center;padding:35px}
@media(max-width:850px){
.header{flex-direction:column}
nav{justify-content:center}
}