body { padding-block: 1.5rem; }
header.hero { margin-bottom: 2rem; }
figure { margin: 0; }
figure img { width: 100%; max-width: 360px; height: auto; border-radius: 0.8rem; }
footer { margin-top: 2rem; }

nav a { text-decoration: none; color: #ffffff; font-weight: 500; }
nav a:hover { text-decoration: none; color: #4f61b1; }

button {
background-color: #11111b;
border: 2px solid #4f61b1;
color: #fff;
padding: 0.6rem 1.2rem;
border-radius: 0.5rem;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.2s ease;
}

button:hover {
background-color: #4f61b1;
transform: translateY(-4px);
}