/* EXOSPACE HUD base */
:root{
  --bg:#0B0E1A;
  --panel:#121726;
  --ink:#E7ECF4;
  --muted:#93A4C2;
  --accent:#3FB4FF;
  --accent2:#6A8EFF;
  --ok:#36D399;
  --warn:#F59E0B;
  --radius:16px;
  --glow:0 0 18px rgba(63,180,255,.6);
}

*{box-sizing:border-box}
html,body{height:100%}
body.exospace-body{
  background: var(--bg);
  color: var(--ink);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  margin:0;
}

/* Header HUD */
.exospace-header{
  position:sticky; top:0; z-index:50;
  background: linear-gradient(to bottom, rgba(11,14,26,.95), rgba(11,14,26,.75));
  backdrop-filter: blur(6px);
  border-bottom:1px solid rgba(63,180,255,.15);
}
.exospace-header__inner{
  display:flex; align-items:center; justify-content:space-between;
  max-width:1200px; margin:0 auto; padding:12px 20px; gap:16px;
}
.brand__link{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink)}
.brand__logo{display:inline-grid; place-items:center; width:28px; height:28px; border:1px solid rgba(63,180,255,.4); border-radius:8px; box-shadow: var(--glow); color:var(--accent)}
.brand__text{font-family: Orbitron, Rajdhani, sans-serif; letter-spacing:.06em; font-weight:700}
.primary-nav .menu{display:flex; gap:18px; list-style:none; margin:0; padding:0}
.primary-nav a{color:var(--muted); text-decoration:none; padding:6px 10px; border-radius:8px}
.primary-nav a:hover{color:var(--ink); background:rgba(63,180,255,.08); box-shadow: var(--glow)}

.header-cta .btn{margin-left:12px}

/* Starfield canvas */
#starfield{position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:.25}

/* Main layout */
.exospace-main{min-height:60vh}
.container{max-width:1100px; margin:0 auto; padding:28px 20px}
.container--fullwidth{max-width:1200px}

/* Entries */
.entry{background:linear-gradient(180deg, rgba(18,23,38,.8), rgba(18,23,38,.5));
  border:1px solid rgba(63,180,255,.15); border-radius:var(--radius);
  padding:22px; margin:16px 0; position:relative; overflow:hidden}
.entry::before{content:""; position:absolute; inset:0; background-image: linear-gradient(120deg, rgba(63,180,255,.08), transparent 40%); pointer-events:none}
.entry__title{font-family: Orbitron, Rajdhani, sans-serif}
.entry__title a{color:var(--ink); text-decoration:none}
.entry__title a:hover{color:var(--accent)}

.muted{color:var(--muted)}

/* Buttons */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:10px 16px; border-radius:12px; text-decoration:none; border:1px solid rgba(63,180,255,.3); color:var(--ink);
  background: rgba(18,23,38,.8); cursor:pointer; transition: all .25s}
.btn:hover{box-shadow: var(--glow); transform: translateY(-1px)}
.btn--neon{background: radial-gradient(120% 120% at 50% 0%, rgba(63,180,255,.18), rgba(18,23,38,.8)); border-color: rgba(63,180,255,.5); color: #E7F7FF}

/* Footer */
.exospace-footer{border-top:1px solid rgba(63,180,255,.15); background:#0b0f1d}
.exospace-footer__grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:1100px; margin:0 auto; padding:30px 20px}
.exospace-footer__bar{border-top:1px solid rgba(63,180,255,.1); text-align:center; padding:14px; color:var(--muted)}
.footer-menu{list-style:none; padding:0; margin:0}
.footer-menu li a{color:var(--muted); text-decoration:none; display:inline-block; padding:6px 0}
.footer-menu li a:hover{color:var(--accent)}

/* Countdown */
.exospace-countdown{display:flex; gap:14px; align-items:center; justify-content:flex-start; flex-wrap:wrap; padding:14px 16px; border:1px solid rgba(63,180,255,.25); border-radius:14px; background:rgba(18,23,38,.55)}
.exospace-countdown__unit{display:flex; flex-direction:column; align-items:center; min-width:80px}
.exospace-countdown__unit .v{font-family:'Share Tech Mono', monospace; font-size:28px}
.exospace-countdown__unit label{font-size:12px; color:var(--muted)}

/* Discord widget */
.exospace-discord iframe{width:100%; min-height:240px; border-radius:12px; background:#202433}

/* Accessibility */
@media (prefers-reduced-motion: reduce){
  .btn, .entry{transition:none}
}