body{
margin:0;
font-family:Arial,sans-serif;
background:#0f0f0f;
color:#fff;
}
header{
background:#1a1a1a;
padding:15px;
display:flex;
justify-content:space-between;
align-items:center;
border-bottom:2px solid #7c3aed;
}
nav a{
color:#fff;
margin:0 10px;
text-decoration:none;
}
.hero{
padding:80px 20px;
text-align:center;
background:linear-gradient(135deg,#7c3aed,#111);
}
.btn{
background:#7c3aed;
padding:10px 20px;
color:#fff;
text-decoration:none;
display:inline-block;
margin-top:10px;
border-radius:5px;
}
.container{padding:20px;max-width:1000px;margin:auto;}
.card{background:#1b1b1b;padding:15px;margin:10px 0;border-radius:8px;}
footer{background:#1a1a1a;text-align:center;padding:20px;margin-top:40px;}