body {
margin:0;
font-family:Arial,sans-serif;
background:#111;
color:#f2f2f2;
}

nav {
display:flex;
justify-content:space-between;
padding:20px 50px;
background:#000;
}

.logo {
color:#d41f1f;
font-weight:bold;
letter-spacing:2px;
}

nav ul {
display:flex;
gap:20px;
list-style:none;
}

nav a {
color:white;
text-decoration:none;
}

.hero {
min-height:100vh;
background:linear-gradient(to bottom right,#0d0d0d,#1c1c1c);
}

.hero-content {
padding:140px 60px;
max-width:700px;
}

.hero-content h1 {
font-size:56px;
}

.hero-content p {
font-size:20px;
color:#ccc;
line-height:1.6;
}

.btn {
display:inline-block;
margin-top:20px;
padding:14px 26px;
background:#d41f1f;
color:white;
text-decoration:none;
}

.section {
padding:80px 60px;
}

.dark {
background:#1a1a1a;
}

.card {
background:#202020;
padding:24px;
margin-bottom:20px;
border-left:4px solid #d41f1f;
}

footer {
text-align:center;
padding:30px;
background:#0a0a0a;
color:#777;
}