body{
  background:#0b0e14;
  color:#e7eefc;
  font-family:Arial, sans-serif;
  padding:40px;
}
a.btn{
  display:inline-block;
  background:#5b8cff;
  color:#fff;
  padding:10px 14px;
  border-radius:6px;
  text-decoration:none;
  margin-bottom:20px;
}
#slider img{
  width:100%;
  max-width:800px;
  margin:20px 0;
}
.features{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-top:20px;
}
.feature{
  background:rgba(255,255,255,.04);
  border-radius:10px;
  padding:14px;
}
.feature img{
  width:100%;
  border-radius:6px;
}
.feature h3{
  margin:12px 0 6px;
}
.feature p{
  color:#aab6d3;
  font-size:14px;
  line-height:1.5;
}
@media(max-width:900px){
  .features{grid-template-columns:1fr}
}

.download-meta{
  margin-top:6px;
  margin-bottom:16px;
  font-size:13px;
  color:#aab6d3;
}

.zoomable{ cursor: zoom-in; }

/* Lightbox (compatible, no fancy dependencies) */
.lightbox{
  position: fixed;
  left:0; top:0; right:0; bottom:0;
  z-index: 9999;
}
.lightbox__backdrop{
  position:absolute;
  left:0; top:0; right:0; bottom:0;
  background: rgba(0,0,0,.78);
}
.lightbox__dialog{
  position: relative;
  width: 92vw;
  max-width: 1100px;
  margin: 6vh auto 0;
  background: rgba(18,24,38,.92);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  padding: 12px;
}
.lightbox__close{
  position: absolute;
  top: 10px;
  right: 12px;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}
.lightbox__close:hover{ background: rgba(255,255,255,.12); }
#lightboxImg{
  width: 100%;
  height: auto;
  max-height: 80vh;
  object-fit: contain;
  display: block;
  border-radius: 10px;
  background: rgba(0,0,0,.20);
}