*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg-primary:#070b14;
  --bg-secondary:#10182a;
  --bg-card:#162038;
  --neon-pink:#ff3d6e;
  --neon-cyan:#2ee6c8;
  --text-primary:#f5f7ff;
  --text-secondary:#9aa8c7;
  --text-muted:#6b7896;
  --border-color:#243352;
  --radius-md:12px;
  --radius-lg:20px;
}
html{font-size:16px;scroll-behavior:smooth}
body{
  font-family:'Outfit',system-ui,sans-serif;
  background:radial-gradient(1200px 600px at 50% -10%,rgba(255,61,110,.12),transparent 55%),
    radial-gradient(900px 500px at 100% 20%,rgba(46,230,200,.08),transparent 50%),
    var(--bg-primary);
  color:var(--text-primary);
  min-height:100vh;
  line-height:1.6;
}
a{color:var(--neon-cyan);text-decoration:none;font-weight:600}
a:hover{color:var(--neon-pink);text-decoration:underline}
.wrap{max-width:760px;margin:0 auto;padding:28px 20px 64px}
.topnav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:var(--text-primary);font-weight:800;text-decoration:none}
.brand:hover{text-decoration:none;color:var(--text-primary)}
.brand img{width:120px;height:auto;display:block}
.nav-links{display:flex;gap:14px;flex-wrap:wrap;font-size:.85rem}
.nav-links a{color:var(--text-secondary);font-weight:600}
.nav-links a:hover,.nav-links a.active{color:var(--neon-pink)}
.nav-links a[href="/#contactSection"]{color:var(--text-secondary)}
.card{
  background:rgba(22,32,56,.85);
  border:1px solid var(--border-color);
  border-radius:var(--radius-lg);
  padding:28px 24px;
}
h1{
  font-family:'Syne',Outfit,sans-serif;
  font-size:clamp(1.6rem,4vw,2.1rem);
  font-weight:800;
  margin-bottom:8px;
  letter-spacing:-.02em;
}
.updated{font-size:.8rem;color:var(--text-muted);margin-bottom:22px}
h2{
  font-size:1.05rem;
  font-weight:700;
  margin:22px 0 8px;
  color:var(--text-primary);
}
p,li{font-size:.92rem;color:var(--text-secondary);margin-bottom:10px}
ul{padding-left:1.2rem;margin-bottom:12px}
li{margin-bottom:6px}
.foot{
  margin-top:28px;
  text-align:center;
  font-size:.78rem;
  color:var(--text-muted);
}
.foot a{font-weight:700}
@media(max-width:520px){
  .card{padding:22px 16px}
}