.moon-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 20px 40px; }
.nav-logo { color: #F7F1DD; font-size: 18px; font-weight: 600; letter-spacing: 0.05em; text-decoration: none; }
.moon-nav .nav-links { display: flex; align-items: center; gap: 24px; }
.moon-nav .nav-links a { font-size: 12px; color: rgba(247, 241, 221, 0.5); text-decoration: none; letter-spacing: 0.08em; transition: color 0.3s ease; cursor: pointer; }
.moon-nav .nav-links a:hover { color: #D4B052; }
.moon-nav .nav-cta { background: rgba(212, 176, 82, 0.12); border: 1px solid rgba(212, 176, 82, 0.2); color: #D4B052; padding: 6px 18px; border-radius: 20px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; font-family: inherit; }
.moon-nav .nav-cta:hover { background: rgba(212, 176, 82, 0.2); border-color: rgba(212, 176, 82, 0.4); }
.hamburger { display: none; background: none; border: none; color: #F7F1DD; font-size: 24px; cursor: pointer; }
@media (max-width: 768px) { .moon-nav { padding: 16px 20px; } .moon-nav .nav-links { display: none; } .hamburger { display: block; } }