.mystical-header {
  background: linear-gradient(135deg, #12001f, #2b0057, #061f3f);
  border-bottom: 2px solid #c7a7ff;
  padding: 22px 38px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 0 25px rgba(190, 120, 255, 0.6);
}

.logo {
  color: #f7e9ff;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 1px;
  text-shadow: 0 0 12px #d7a8ff;
}

.nav-menu a {
  color: #ffffff;
  margin-left: 22px;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  transition: 0.3s ease;
}

.nav-menu a:hover {
  color: #7ffcff;
  text-shadow: 0 0 10px #7ffcff;
}  
.mystical-footer {
  background: linear-gradient(180deg, #090014, #140028, #031c30);
  color: #ffffff;
  padding: 70px 40px 25px;
  border-top: 2px solid #b67dff;
  box-shadow: 0 -5px 30px rgba(155, 90, 255, 0.4);
  font-family: 'Poppins', sans-serif;
}

.footer-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 40px;
  margin-bottom: 40px;
}

.footer-column h2,
.footer-column h3 {
  color: #d9b3ff;
  margin-bottom: 18px;
  text-shadow: 0 0 10px rgba(217, 179, 255, 0.8);
}

.footer-column p {
  color: #d7d7d7;
  line-height: 1.7;
  font-size: 14px;
}

.footer-column ul {
  list-style: none;
  padding: 0;
}

.footer-column ul li {
  margin-bottom: 12px;
}

.footer-column ul li a {
  color: #ffffff;
  text-decoration: none;
  transition: 0.3s ease;
  font-size: 14px;
}

.footer-column ul li a:hover {
  color: #7ffcff;
  text-shadow: 0 0 10px #7ffcff;
  padding-left: 5px;
}

.footer-tagline {
  margin-top: 18px;
  color: #7ffcff;
  font-weight: 600;
  text-shadow: 0 0 10px #7ffcff;
}

.footer-bottom {
  text-align: center;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,0.15);
  font-size: 13px;
  color: #bdbdbd;
}
.eclipse-header{
    position:relative;
    background:linear-gradient(135deg,#140021,#25003d,#39005e,#0d0017);
    padding:80px 20px;
    text-align:center;
    overflow:hidden;
    border-bottom:1px solid rgba(255,255,255,0.12);
}

.eclipse-overlay{
    backdrop-filter:blur(8px);
}

.eclipse-header h1{
    font-size:56px;
    color:#d9b3ff;
    font-family:'Cinzel', serif;
    text-shadow:0 0 18px rgba(173,91,255,0.9);
    letter-spacing:2px;
}

.eclipse-header p{
    color:#b7dfff;
    font-size:18px;
    margin-top:10px;
    font-family:'Playfair Display', serif;
}

.eclipse-nav{
    margin-top:35px;
}

.eclipse-nav a{
    color:#f4eaff;
    margin:0 14px;
    text-decoration:none;
    font-size:15px;
    font-family:'Montserrat', sans-serif;
    transition:0.3s ease;
}

.eclipse-nav a:hover{
    color:#7ef9ff;
    text-shadow:0 0 10px #7ef9ff;
}
.eclipse-footer{
    background:#0b0014;
    padding:60px 30px 20px;
    color:#ddd;
    border-top:1px solid rgba(255,255,255,0.1);
}

.footer-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:40px;
}

.footer-column h3{
    color:#c48cff;
    margin-bottom:18px;
    font-family:'Cinzel', serif;
}

.footer-column p,
.footer-column a{
    color:#cfcfcf;
    display:block;
    margin-bottom:10px;
    text-decoration:none;
    font-family:'Montserrat', sans-serif;
    transition:0.3s ease;
}

.footer-column a:hover{
    color:#7ef9ff;
}

.footer-bottom{
    margin-top:40px;
    text-align:center;
    font-size:13px;
    color:#888;
    border-top:1px solid rgba(255,255,255,0.08);
    padding-top:20px;
}
.nebula-header{
    position:relative;
    background:
    radial-gradient(circle at top,#5a189a 0%,#240046 35%,#10002b 70%,#05000d 100%);
    padding:100px 20px;
    text-align:center;
    overflow:hidden;
    border-bottom:1px solid rgba(255,255,255,0.12);
}

.nebula-header::before{
    content:'';
    position:absolute;
    width:200%;
    height:200%;
    top:-50%;
    left:-50%;
    background:
    radial-gradient(white 1px, transparent 1px);
    background-size:40px 40px;
    opacity:0.08;
    animation:starfield 120s linear infinite;
}

@keyframes starfield{
    from{
        transform:translateY(0);
    }
    to{
        transform:translateY(500px);
    }
}

.nebula-overlay{
    position:relative;
    z-index:2;
    backdrop-filter:blur(10px);
}

.nebula-header h1{
    font-size:64px;
    color:#d9b8ff;
    font-family:'Cinzel', serif;
    text-shadow:0 0 22px rgba(189,102,255,0.95);
    letter-spacing:2px;
}

.nebula-header p{
    margin-top:12px;
    color:#d8f3ff;
    font-size:20px;
    font-family:'Playfair Display', serif;
}

.nebula-nav{
    margin-top:40px;
}

.nebula-nav a{
    color:#f3ebff;
    margin:0 14px;
    text-decoration:none;
    font-size:15px;
    font-family:'Montserrat', sans-serif;
    transition:0.3s ease;
}

.nebula-nav a:hover{
    color:#7ef9ff;
    text-shadow:0 0 12px #7ef9ff;
}
.nebula-footer{
    background:linear-gradient(180deg,#090012,#140021,#050009);
    padding:65px 30px 20px;
    color:#ddd;
    border-top:1px solid rgba(255,255,255,0.08);
}

.nebula-footer-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:40px;
}

.nebula-box h3{
    color:#c88dff;
    margin-bottom:18px;
    font-family:'Cinzel', serif;
    text-shadow:0 0 12px rgba(190,120,255,0.5);
}

.nebula-box p,
.nebula-box a{
    display:block;
    color:#d3d3d3;
    margin-bottom:10px;
    text-decoration:none;
    font-family:'Montserrat', sans-serif;
    transition:0.3s ease;
}

.nebula-box a:hover{
    color:#7ef9ff;
    text-shadow:0 0 10px #7ef9ff;
}

.nebula-bottom{
    margin-top:45px;
    text-align:center;
    color:#888;
    font-size:13px;
    border-top:1px solid rgba(255,255,255,0.08);
    padding-top:20px;
    letter-spacing:1px;
}
--galactic-purple: #5D3FD3;
--cosmic-amethyst: #6A0DAD;
--diamond-silver: #DDE2F1;
--midnight-black: #0A0A0F;
--cosmic-teal: #00C2CB;