/* CYBER//CTL — mission-ops dark theme */
:root{
  --bg:#0b1220; --bg2:#0e1628; --panel:#101a30; --line:#1e2e4d;
  --text:#dbe6f7; --muted:#8fa3c4; --cyan:#37e2d9; --green:#3ef07f;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg); color:var(--text);
  font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  min-height:100vh; display:flex; flex-direction:column;
}

/* nav */
.nav{
  display:flex; justify-content:space-between; align-items:center;
  padding:1rem 2rem; border-bottom:1px solid var(--line);
  background:rgba(11,18,32,.85); backdrop-filter:blur(6px);
  position:sticky; top:0; z-index:10;
}
.brand{font-family:"JetBrains Mono","SF Mono",ui-monospace,monospace;
  font-weight:700; letter-spacing:.12em; font-size:1.05rem;
  color:inherit; text-decoration:none;}
.accent{color:var(--cyan)}
.nav nav a{color:var(--muted); text-decoration:none; margin-left:1.5rem;
  font-size:.92rem; letter-spacing:.04em; transition:color .15s}
.nav nav a:hover{color:var(--cyan)}

/* shared console/admin frame: pill links + auth control (constant across pages) */
.nav .pills{display:flex; flex-wrap:wrap; gap:.35rem; align-items:center}
.nav .pills a, .nav .nav-auth > *{
  color:var(--muted); text-decoration:none; margin:0; padding:.35rem .8rem;
  border:1px solid transparent; border-radius:999px; font-size:.9rem;
  letter-spacing:.04em; transition:color .15s, border-color .15s, background .15s;
}
.nav .pills a:hover, .nav .nav-auth > *:hover{color:var(--cyan)}
.nav .pills a.active{color:var(--cyan); border-color:var(--line); background:var(--panel)}
.nav .nav-auth{display:flex; align-items:center; gap:.4rem}
.nav .nav-auth .logout{display:inline; margin:0}
.nav .nav-auth .logout button{
  font:inherit; cursor:pointer; background:none; border:1px solid var(--line);
  color:var(--text); padding:.35rem .9rem; border-radius:999px;
  font-size:.9rem; letter-spacing:.04em;
}
.nav .nav-auth .logout button:hover{border-color:var(--cyan); color:var(--cyan)}

/* hero */
.hero{
  position:relative; min-height:72vh; display:flex; align-items:center;
  background:var(--bg2) url("img/hero.jpg") center/cover no-repeat;
}
.hero-shade{position:absolute; inset:0;
  background:linear-gradient(100deg, rgba(11,18,32,.96) 30%, rgba(11,18,32,.55) 70%, rgba(11,18,32,.25));
}
.hero-content{position:relative; max-width:900px; padding:4rem 2rem;}
.kicker{font-family:ui-monospace,monospace; color:var(--green);
  letter-spacing:.25em; font-size:.78rem; margin-bottom:1.2rem;}
.live-dot{display:inline-block; width:.55em; height:.55em; border-radius:50%;
  background:var(--green); box-shadow:0 0 8px var(--green);
  margin-right:.55em; animation:pulse 1.8s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.hero h1{font-size:clamp(2.2rem,6vw,4.2rem); line-height:1.05; font-weight:800;}
.hero .sub{margin-top:1.2rem; max-width:34rem; color:var(--muted); font-size:1.05rem;}
.cta{margin-top:2rem; display:flex; gap:1rem; flex-wrap:wrap;}
.btn{padding:.8rem 1.6rem; border-radius:.5rem; text-decoration:none;
  font-weight:600; font-size:.95rem; transition:transform .12s, box-shadow .12s;}
.btn.primary{background:var(--cyan); color:#042925;}
.btn.primary:hover{transform:translateY(-2px); box-shadow:0 6px 24px rgba(55,226,217,.35);}
.btn.ghost{border:1px solid var(--line); color:var(--text);}
.btn.ghost:hover{border-color:var(--cyan); color:var(--cyan);}

/* command deck */
.deck{padding:3.5rem 2rem 4rem; max-width:1100px; margin:0 auto;}
.deck-title{font-family:ui-monospace,monospace; color:var(--muted);
  font-size:.8rem; letter-spacing:.3em; text-transform:uppercase;
  border-bottom:1px solid var(--line); padding-bottom:.8rem; margin-bottom:2rem;}
.cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1.2rem;}
.card{
  background:var(--panel); border:1px solid var(--line); border-radius:.75rem;
  padding:1.4rem; text-decoration:none; color:var(--text);
  transition:transform .15s, border-color .15s, box-shadow .15s;
}
a.card:hover{transform:translateY(-4px); border-color:var(--cyan);
  box-shadow:0 10px 30px rgba(0,0,0,.45);}
.card-top{font-family:ui-monospace,monospace; font-size:.72rem; color:var(--muted);
  letter-spacing:.12em; margin-bottom:.9rem;}
.status{display:inline-block; width:.5em; height:.5em; border-radius:50%; margin-right:.5em;}
.status.ok{background:var(--green); box-shadow:0 0 7px var(--green);}
.card h3{font-size:1.15rem; margin-bottom:.5rem;}
.card p{color:var(--muted); font-size:.92rem; line-height:1.5;}

/* footer stats */
.stats{
  margin-top:auto; padding:1.1rem 2rem; border-top:1px solid var(--line);
  display:flex; gap:.7rem; flex-wrap:wrap; justify-content:center;
  font-family:ui-monospace,monospace; font-size:.78rem; color:var(--muted);
  letter-spacing:.08em;
}
.stats i{opacity:.4; font-style:normal}

/* provenance note */
.ai-note{
  text-align:center; padding:.9rem 2rem 1.4rem; margin:0;
  border-top:1px solid var(--line);
  font-family:ui-monospace,monospace; font-size:.72rem;
  color:var(--muted); letter-spacing:.1em;
}
.ai-note::before{content:""; }