@layer components{.program-card{position:relative;display:flex;flex-direction:column;padding:var(--space-m);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);& .program-card__badge{position:absolute;inset-block-start:calc(var(--space-2xs) * -1);inset-inline-start:var(--space-m);background:var(--color-surface);color:var(--color-accent-deep);box-shadow:var(--shadow-s)}& .program-card__head{display:flex;gap:var(--space-s);align-items:baseline;justify-content:space-between}& .program-card__code{font-size:var(--size-step-2)}& .program-card__body{flex-grow:1;margin-block-start:var(--space-s);color:var(--color-text-muted)}& .program-card__price{margin-block-start:var(--space-m);padding-block-start:var(--space-s);border-block-start:1px solid var(--color-border)}& .program-card__amount{margin-block-start:var(--space-3xs);font-size:var(--size-step-2)}& .program-card__from{margin-block-start:var(--space-3xs);color:var(--color-text-muted);font-size:var(--size-step--1)}&[data-featured=true]{border-color:transparent}}}