* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Arial, sans-serif;
}

body {
background: #0f172a;
color: #e5e7eb;
line-height: 1.6;
}

header {
background: #020617;
padding: 15px;
text-align: center;
}

header h1 {
color: #38bdf8;
}

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

nav a:hover {
color: #38bdf8;
}

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

.section {
margin-bottom: 30px;
}

h2 {
color: #38bdf8;
margin-bottom: 10px;
}

.card {
background: #020617;
padding: 20px;
border-radius: 8px;
margin-bottom: 15px;
}

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

@media (max-width: 600px) {
nav a {
display: block;
margin: 8px 0;
}
}