*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,Arial,sans-serif;line-height:1.6;color:#333}a{color:#3f51b5;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}.container{width:100%;margin:0 auto}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;box-shadow:0 2px 5px #0000001a}header nav ul{display:flex;list-style:none;gap:1.5rem}header nav ul a{font-weight:500}header nav ul a.active{color:#303f9f;font-weight:600}footer{padding:1.5rem;text-align:center;background:#f5f5f5}