.l2i-gate { max-width: 860px; margin: 4rem auto; padding: 0 1rem; }
.l2i-gate-card {
  background: var(--card-bg, #fff);
  border: 1px solid var(--card-border, #e6e8eb);
  border-radius: 14px; padding: 2rem;
  box-shadow: 0 6px 20px rgba(0,0,0,.04);
}
.l2i-gate-header { text-align: center; margin-bottom: 1.25rem; }
.l2i-gate-badge {
  display: inline-flex; width: 40px; height: 40px; border-radius: 999px;
  align-items: center; justify-content: center; font-weight: 700;
  background: var(--accent-weak, #f4f6ff); color: var(--accent, #2f5aff);
  margin-bottom: .5rem;
}
.l2i-gate-title { margin: 0 0 .25rem; font-size: clamp(1.25rem, 2vw, 1.75rem); }
.l2i-gate-subtitle { color: var(--muted, #596273); margin: 0; }
.l2i-gate-cta { display: flex; gap: .75rem; justify-content: center; flex-wrap: wrap; }
.btn {
  display:inline-block; padding:.75rem 1.25rem; border-radius:50px;
  font-weight:600; text-decoration:none; transition:all .25s ease;
}
.btn-primary {
  background:#d4a017; color:#fff; border:none;
}
.btn-primary:hover {
  background:#b98a12; color:#fff;
}
.btn-outline {
  background:transparent;
  border:2px solid #d4a017;
  color:#d4a017;
}
.btn-outline:hover {
  background:#d4a017; color:#fff;
}