*{box-sizing:border-box}body{margin:0;background:#f1f3f5;color:#333d49;font-family:Arial,Helvetica,sans-serif;line-height:1.6}header{background:#142840;color:#fff;padding:32px 24px}.wrap{max-width:880px;margin:auto}header a{color:inherit;text-decoration:none}.name{font-size:28px;font-weight:600}nav{margin-top:16px;display:flex;gap:24px}nav a{color:#d1d7df;padding-bottom:4px}nav a:hover,nav a[aria-current="page"]{color:white;border-bottom:2px solid #abb7c6}main{max-width:880px;margin:48px auto;padding:0 24px;min-height:45vh}h1{color:#142840;font-size:30px;font-weight:500}footer{max-width:880px;margin:0 auto;padding:24px;color:#667180;border-top:1px solid #ccd2da}a:focus-visible{outline:3px solid #879db7;outline-offset:5px}.contact-photo{display:block;max-width:100%;height:auto;border-radius:6px;margin-top:24px}@media(max-width:480px){header{padding:24px}main{margin-top:32px}}