body {
    background-color: #050a0f;
    color: #ffffff;
}
a {
    color: #bb86fc;
}
header {
    background-color: #1f1f1f;
}
nav a {
    color: #bb86fc;
}
nav a:hover {
    color: #3700b3;
}

:root {
  --primary: #1e40af;
  --primary-hover: #1d4ed8;
}

.hero { 
  background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
  color: white;
  padding: 4rem 0;
  text-align: center;
}