مولد CSS لإطار متدرّج اللون

.gradient-border {
  border-radius: 12px;
  padding: 1px;
  background: linear-gradient(135deg, #0ea5e9, #8b5cf6);
}

.gradient-border > .inner {
  border-radius: 11px;
  background: var(--surface);
  color: var(--foreground);
  padding: 24px;
}