
.list{margin:10px 0 0; padding-left: 18px; color: rgba(246,244,255,.78); line-height:1.7}
.list li{margin:6px 0}
.rtl{direction:rtl}
.rtl .list{padding-left:0; padding-right:18px}

/* Download Modal */
.modal{position:fixed;inset:0;z-index:220;display:none}
.modal.open{display:block}
.modal:target{display:block}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(10px)}
.modal-card{position:relative;width:min(720px, calc(100% - 28px));margin:10svh auto 0;padding:18px;border-radius:26px}
.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.modal-title{font-weight:900;font-size:18px}
.modal-sub{opacity:.75;font-size:13px;margin-top:2px}
.icon-x{width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);color:rgba(255,255,255,.9);font-size:22px;line-height:1;cursor:pointer}
.dl-grid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:12px;margin-top:14px}
@media (max-width:520px){.dl-grid{grid-template-columns:1fr}}
.dl-btn{display:flex;align-items:center;gap:10px;justify-content:flex-start;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.10);color:rgba(255,255,255,.92);font-weight:800;cursor:pointer;transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.dl-btn:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(0,0,0,.34);border-color:rgba(255,255,255,.28)}
.dl-ic{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 10px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-weight:900}

/* No-JS language menu */
.langmenu{position:relative}
.langmenu-summary{list-style:none; cursor:pointer; user-select:none; padding:10px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.10); color:rgba(255,255,255,.92); font-weight:800}
.langmenu-summary::-webkit-details-marker{display:none}
.langmenu[open] .langmenu-summary{border-color:rgba(255,255,255,.26); box-shadow:0 20px 60px rgba(0,0,0,.35)}
.langmenu-panel{position:absolute; right:0; top:calc(100% + 10px); width:min(280px, 80vw); max-height:55svh; overflow:auto; padding:10px; border-radius:18px; border:1px solid rgba(255,255,255,.16); background:rgba(12,7,28,.62); backdrop-filter: blur(18px); box-shadow:0 30px 90px rgba(0,0,0,.45)}
.lang-item{display:block; padding:10px 12px; border-radius:12px; color:rgba(255,255,255,.92); text-decoration:none; font-weight:700; opacity:.92}
.lang-item:hover{background:rgba(255,255,255,.10); opacity:1}
@media (max-width: 920px){
  .langmenu-panel{right:auto; left:0}
}


/* No-JS fallback dynamic background: animated dot-grid + soft beams */

body::before{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  z-index:-2;
  background:
    radial-gradient(circle at 20% 10%, rgba(255,255,255,.10), transparent 45%),
    radial-gradient(circle at 80% 30%, rgba(255,255,255,.08), transparent 50%),
    radial-gradient(circle at 50% 80%, rgba(255,255,255,.07), transparent 55%),
    linear-gradient(120deg, rgba(236,72,153,.10), transparent 40%),
    linear-gradient(240deg, rgba(167,139,250,.12), transparent 45%),
    radial-gradient(circle, rgba(255,255,255,.10) 1px, transparent 1px);
  background-size: 900px 900px, 900px 900px, 900px 900px, 1200px 1200px, 1200px 1200px, 32px 32px;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  filter: blur(0px);
  opacity:.9;
  animation: bg-float 18s ease-in-out infinite alternate;
}
@keyframes bg-float{
  from{ background-position: 0 0, 40px -30px, -20px 30px, 0 0, 0 0, 0 0; }
  to  { background-position: -60px 40px, 0 0, 30px -20px, -80px 50px, 60px -40px, 16px 12px; }
}


/* Desktop hero centering fix */
@media (min-width: 1024px) {
  .hero,
  .hero-content,
  .hero-inner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero {
    display: flex;
    justify-content: center;
  }

  .hero-content {
    width: 100%;
  }
}
