body {
margin: 0;
font-family: ‘Inter’, sans-serif;
background: #f9fafb;
color: #111827;
}

header {
background: linear-gradient(135deg, #1e3a8a, #2563eb);
color: #fff;
padding: 80px 40px 40px;
text-align: center;
}

header h1 {
margin: 0;
font-size: 48px;
}

header p {
margin-top: 15px;
font-size: 18px;
}

nav {
background: #111827;
padding: 15px 40px;
}

nav a {
color: #e5e7eb;
text-decoration: none;
margin-right: 25px;
font-weight: 500;
}

nav a:hover {
color: #3b82f6;
}

.container {
max-width: 1200px;
margin: auto;
padding: 50px 20px;
}

.card {
background: #fff;
padding: 35px;
border-radius: 14px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
margin-bottom: 40px;
}

h2 {
font-size: 28px;
margin-bottom: 20px;
color: #111827;
}

h3 {
font-size: 18px;
margin-top: 20px;
}

p, li {
font-size: 16px;
line-height: 1.7;
}

ul {
padding-left: 20px;
}

.button {
background: #2563eb;
color: #fff;
padding: 12px 25px;
border-radius: 8px;
text-decoration: none;
display: inline-block;
margin-top: 20px;
}

.button:hover {
background: #1e40af;
}

footer {
text-align: center;
padding: 40px;
background: #111827;
color: #94a3b8;
}