:root{
  --bg1:#0e0f12;
  --bg2:#14161c;
  --accent:#e6e6e6;
  --soft:#8a8f98;
  --border:rgba(255,255,255,0.08);
}

*{
  box-sizing:border-box;
}

body{
  margin:0;
  font-family:"Outfit",sans-serif;
  background:linear-gradient(180deg,var(--bg1),var(--bg2));
  color:var(--accent);
  overflow-x:hidden;
}

/* Orbital subtle glow background */
.orbital-bg{
  position:fixed;
  inset:0;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,0.04), transparent 60%),
    radial-gradient(circle at 70% 80%, rgba(255,255,255,0.03), transparent 60%);
  z-index:-1;
}

.container{
  width:min(900px,90%);
  margin:80px auto;
}

/* Hero */
.hero{
  text-align:center;
  margin-bottom:50px;
}

.logo-wrap{
  width:90px;
  margin:0 auto 20px auto;
}

.logo-wrap img{
  width:100%;
  height:auto;
  display:block;
  filter:drop-shadow(0 0 12px rgba(255,255,255,0.08));
}

.hero h1{
  margin:0;
  font-size:36px;
  font-weight:700;
}

.subtitle{
  margin-top:8px;
  color:var(--soft);
  font-weight:400;
}

/* Navigation */
.quick-nav{
  display:flex;
  justify-content:center;
  gap:20px;
  margin-bottom:40px;
}

.quick-nav a{
  text-decoration:none;
  color:var(--accent);
  font-weight:500;
  padding:8px 16px;
  border:1px solid var(--border);
  border-radius:30px;
  transition:all 0.2s ease;
}

.quick-nav a:hover{
  background:rgba(255,255,255,0.05);
}

/* Cards */
.card{
  background:rgba(255,255,255,0.03);
  border:1px solid var(--border);
  border-radius:18px;
  padding:40px;
  margin-bottom:40px;
}

.card h2{
  margin-top:0;
  font-size:24px;
}

.card h3{
  margin-top:30px;
  font-size:18px;
}

.card p,
.card li{
  color:var(--soft);
  line-height:1.6;
}

ul{
  padding-left:20px;
}

.last-updated{
  font-size:14px;
  color:rgba(255,255,255,0.5);
}

/* Footer */
.footer{
  text-align:center;
  color:rgba(255,255,255,0.4);
  margin-top:60px;
  font-size:14px;
}