:root{
  --ocean:#00B4D8;--coral:#FF7F50;--sand:#FFE4B5;
  --turquoise:#40E0D0;--deepsea:#006994;
}
body{font-family:Arial,sans-serif;margin:0;background:var(--sand);color:var(--deepsea);}
header{background:var(--turquoise);padding:1rem;display:flex;justify-content:space-between;align-items:center;}
.logo{height:60px;border-radius:50%;}
nav a{margin:0 0.5rem;color:var(--deepsea);text-decoration:none;font-weight:bold;}
nav a:hover{color:var(--coral);}
.hero{background:linear-gradient(135deg,var(--turquoise),var(--sand),var(--coral));padding:4rem;text-align:center;}
h1{font-size:2.5rem;margin-bottom:1rem;}
.accent{color:var(--coral);}
.btn{background:var(--coral);color:white;padding:0.7rem 1.2rem;border-radius:0.5rem;text-decoration:none;margin:0.3rem;display:inline-block;}
.btn.outline{background:white;color:var(--deepsea);border:2px solid var(--deepsea);}
footer{background:var(--ocean);color:white;text-align:center;padding:1rem;margin-top:2rem;}
section{padding:2rem;text-align:center;}