:root{
  --rb-primary:#102441;
  --rb-primary-dark:#0a1830;
  --rb-bg:#f5f7fb;
  --rb-card-bg:#ffffff;
  --rb-border:#e3e7ee;
  --rb-text:#1c2430;
  --rb-text-muted:#6b7280;
  --rb-radius:4px;
  --rb-shadow:0 4px 14px rgba(15,23,42,0.06);
  --rb-shadow-hover:0 10px 26px rgba(15,23,42,0.12);
}

.rb-download-section{
  background:var(--rb-bg);
  padding:32px clamp(12px,4vw,32px);
  border-radius:var(--rb-radius);
  font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--rb-text);
}

.rb-download-section h2{
  margin:0 0 6px;
  font-size:clamp(20px,3vw,26px);
  font-weight:700;
}

.rb-download-section p.rb-subtitle{
  margin:0 0 24px;
  color:var(--rb-text-muted);
  font-size:14.5px;
}

.rb-download-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:20px;
}

.rb-download-card{
  background:var(--rb-card-bg);
  border:1px solid var(--rb-border);
  border-radius:var(--rb-radius);
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:14px;
  box-shadow:var(--rb-shadow);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  position:relative;
  overflow:hidden;
}

.rb-download-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--rb-shadow-hover);
  border-color:var(--rb-primary);
}

.rb-card-top{
  display:flex;
  align-items:flex-start;
  gap:14px;
}

.rb-icon{
  flex:0 0 auto;
  width:46px;
  height:46px;
  border-radius:var(--rb-radius);
  background:linear-gradient(135deg,var(--rb-primary),#2c4670);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:20px;
  font-weight:700;
}

.rb-card-title-wrap{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.rb-card-title{
  font-size:16px;
  font-weight:600;
  line-height:1.3;
  color:var(--rb-text);
  word-break:break-word;
}

.rb-card-meta{
  font-size:12.5px;
  color:var(--rb-text-muted);
  display:flex;
  gap:6px;
  align-items:center;
}

.rb-badge{
  background:#eef2ff;
  color:var(--rb-primary);
  font-size:11px;
  font-weight:600;
  padding:2px 8px;
  border-radius:var(--rb-radius);
  letter-spacing:.3px;
}

.rb-card-desc{
  font-size:13.5px;
  color:var(--rb-text-muted);
  line-height:1.5;
  flex-grow:1;
}

.rb-download-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:var(--rb-primary);
  color:#fff !important;
  text-decoration:none;
  font-weight:600;
  font-size:14px;
  padding:11px 16px;
  border-radius:var(--rb-radius);
  transition:background .18s ease, transform .12s ease;
  border:none;
  cursor:pointer;
}

.rb-download-btn:hover{
  background:var(--rb-primary-dark);
}

.rb-download-btn:active{
  transform:scale(0.97);
}

.rb-download-btn svg{
  width:16px;
  height:16px;
  flex:0 0 auto;
}

@media (max-width:480px){
  .rb-download-section{padding:22px 14px;}
  .rb-download-card{padding:18px;}
}