.badge{letter-spacing:.04em;white-space:nowrap;align-items:center;gap:6px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex}.badge:hover{transform:translateY(-1px)}.badge--sm{border-radius:999px;padding:4px 10px;font-size:.7rem}.badge--sm .badge__icon{width:12px;height:12px}.badge--md{border-radius:999px;padding:6px 14px;font-size:.75rem}.badge--md .badge__icon{width:14px;height:14px}.badge--lg{border-radius:999px;padding:8px 18px;font-size:.85rem}.badge--lg .badge__icon{width:16px;height:16px}.badge__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.badge__label{line-height:1}.badge--primary{background:linear-gradient(135deg,var(--color-primary,#4338ca)0%,var(--color-secondary,#3730a3)100%);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary,#4338ca)35%,transparent)}.badge--primary:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary,#4338ca)40%,transparent)}.badge--solid{background:var(--color-primary,#4338ca);color:#fff;border:2px solid color-mix(in srgb,var(--color-primary,#4338ca)80%,white);box-shadow:0 2px 6px #0000001f}.badge--solid:hover{background:var(--color-secondary,#3730a3);box-shadow:0 4px 10px color-mix(in srgb,var(--color-primary,#4338ca)30%,transparent)}.badge--premium{color:#fff;text-shadow:0 1px 2px #0003;background:linear-gradient(135deg,#3730a3 0%,#4338ca 50%,#4f46e5 100%);box-shadow:0 2px 12px #4338ca59}.badge--premium:hover{box-shadow:0 4px 16px #4338ca66}.badge--success{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);box-shadow:0 2px 8px #16a34a4d}.badge--success:hover{box-shadow:0 4px 12px #16a34a59}.badge--outline{color:var(--color-primary,#4338ca);border:2px solid var(--color-primary,#4338ca);background:0 0}.badge--outline:hover{background:color-mix(in srgb,var(--color-primary,#4338ca)8%,transparent)}.badge--soft{background:color-mix(in srgb,var(--color-primary,#4338ca)12%,transparent);color:var(--color-primary,#4338ca)}.badge--soft:hover{background:color-mix(in srgb,var(--color-primary,#4338ca)18%,transparent)}.badge--banner{color:#fff;-webkit-font-smoothing:antialiased;background:#c026d3;border:1px solid #fff3;box-shadow:0 2px 8px #c026d366}.badge--banner:hover{box-shadow:0 4px 12px #c026d380}.badge--light{color:#fff;background:#ffffff1f;border:1px solid #fff6}.badge--light:hover{background:#ffffff2e;border-color:#fff9}