/* /opt/sipivpn-site/site/static/about.css
   Только /about. База — style.css
*/

.about-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}

.about-actions .btn{
  flex:1;
  min-width:220px;
  text-align:center;
}

.about-grid{
  margin-top:14px;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

.about-card{
  background: rgba(247,248,252,0.85);
  border: 1px solid rgba(231,234,243,0.95);
  border-radius:18px;
  padding:12px;
}

.about-card-title{
  font-weight:700;
  font-size:15px;
  line-height:1.25;
  color:#0f172a;
}

.about-card .muted{ margin-top:6px; line-height:1.55; }

.about-steps{
  margin-top:14px;
  background: rgba(243,244,255,0.80);
  border: 1px solid rgba(231,234,243,0.95);
  border-radius:18px;
  padding:12px;
}

.about-steps ol{
  margin:10px 0 0 18px;
  padding:0;
}

.about-steps li{ margin:8px 0; }

.about-bonus{
  margin-top:14px;
  background: rgba(250,251,255,0.90);
  border: 1px solid rgba(238,240,244,0.95);
  border-radius:18px;
  padding:12px;
}

.about-faq{
  margin-top:14px;
}

.about-faq-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:10px;
}

.about-faq-item{
  border: 1px solid rgba(238,240,244,0.95);
  border-radius:18px;
  padding:12px;
  background: rgba(255,255,255,0.88);
}

.about-faq-q{
  font-weight:700;
  color:#0f172a;
}

.about-faq-a{
  margin-top:6px;
  line-height:1.55;
}