*{box-sizing:border-box}
body{margin:0;background:#f5f7fa;color:#253047;font-family:Arial,sans-serif;line-height:1.7}
header{background:linear-gradient(135deg,#087f8c,#22a6b3);color:white;padding:42px 20px}
header div,main,footer div{max-width:900px;margin:auto}
h1{margin:0 0 8px;font-size:34px}
h2{color:#087f8c;margin-top:32px}
main{background:white;margin:28px auto;padding:36px;border-radius:14px;box-shadow:0 5px 22px rgba(0,0,0,.07)}
a{color:#087f8c}
nav{margin-top:18px}
nav a{color:white;margin-right:18px}
footer{padding:24px 20px;color:#667085}
@media(max-width:700px){main{margin:12px;padding:22px}h1{font-size:28px}}