:root{--bg:#0b0f17;--card:#121826;--muted:#8b9bb7;--brand:#6ee7b7;--accent:#60a5fa}
html,body{height:100%}
body{
  font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
  background: var(--bg); /* мобильный: ровный фон */
  color:#e6edf7;
}

.glass{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08)}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1rem;border-radius:9999px;font-weight:600;transition:.2s ease;border:1px solid rgba(255,255,255,.12)}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(90deg,var(--brand),#34d399);color:#0b0f17}
.btn-outline{background:rgba(255,255,255,.02)}
.badge{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);padding:.25rem .6rem;border-radius:.7rem;font-size:.75rem;color:var(--muted)}
.tick:before{content:"✔";margin-right:.5rem;color:#34d399}
.cross:before{content:"✖";margin-right:.5rem;color:#ef4444}
.card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08)}
.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}
/* Для дропдауна языков */
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
/* Выпадающее меню языков — непрозрачное */
.lang-menu{
  background: #0f1623;                /* плотный фон */
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 40px rgba(0,0,0,.6); /* читаемость над контентом */
  backdrop-filter: none;               /* убираем blur/стекло */
  -webkit-backdrop-filter: none;
}

.lang-menu a{
  border-radius: .6rem;
}

.lang-menu a:hover{
  background: rgba(255,255,255,.08);
}

/* чтобы summary-бейдж выглядел как кнопка */
summary.badge{
  background: rgba(255,255,255,.08);
  color: #e6edf7;
}