body {
 margin: 0;
 font-family: 'Orbitron', sans-serif;
 background-color: #1e0033; /* deep space purple */
 color: #ccff00; /* alien green */
}

header {
 background-color: #2e004d;
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 1rem 2rem;
}

.logo {
 height: 60px;
}

nav ul {
 list-style: none;
 display: flex;
 gap: 1.5rem;
}

nav a {
 color: #ccff00;
 text-decoration: none;
 font-weight: bold;
}

.hero {
 text-align: center;
 padding: 5rem 2rem;
 background: radial-gradient(circle, #4b0082, #1e0033);
}

.cta-button {
 display: inline-block;
 margin-top: 1rem;
 padding: 0.75rem 2rem;
 background-color: #ccff00;
 color: #1e0033;
 text-decoration: none;
 font-weight: bold;
 border-radius: 25px;
 transition: background-color 0.3s ease;
}

.cta-button:hover {
 background-color: #b2e600;
}

.section {
 padding: 4rem 2rem;
 text-align: center;
}

.menu-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
 gap: 1rem;
 margin-top: 2rem;
 list-style: none;
 padding: 0;
}

footer {
 background-color: #2e004d;
 text-align: center;
 padding: 1rem;
 margin-top: 3rem;
}