body {
margin: 0;
font-family: "Segoe UI", Roboto, Arial, sans-serif;
display: flex;
flex-direction: column;
min-height: 100vh;
background-color: #f9f9f9;
color: #222;
}

header, footer {
height: 60px;
background-color: #0062DB;
color: white;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
letter-spacing: 0.5px;
}

main {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 40px 20px;
}

.content {
max-width: 800px;
background: white;
padding: 40px 50px;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

h1 {
text-align: center;
color: #0062DB;
font-size: 1.8rem;
margin-bottom: 1.2em;
}

p, li {
font-size: 1.05rem;
line-height: 1.6;
}

ul {
padding-left: 20px;
}

strong {
color: #0062DB;
}

@media (max-width: 600px) {
.content {
padding: 25px;
}
h1 {
font-size: 1.4rem;
}
}