.card{background:var(--c-bg-2);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:var(--sp-8);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.card:hover{border-color:var(--c-border-strong);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card--glass{background:rgba(255,255,255,0.025);backdrop-filter:blur(16px) saturate(1.3)}.card--featured{border-color:rgba(14,145,187,0.32);background:linear-gradient(145deg,rgba(14,145,187,0.09) 0%,rgba(13,19,47,0.95) 60%)}.card--accent{border-color:var(--c-accent-border);background:linear-gradient(145deg,rgba(241,105,0,0.07) 0%,rgba(13,19,47,0.95) 60%)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:0.25rem var(--sp-3);font-size:var(--text-xs);font-weight:var(--w-semi);border-radius:var(--r-full);white-space:nowrap}.badge-accent{background:var(--c-accent-dim);color:var(--c-accent);border:1px solid var(--c-accent-border)}.badge-teal{background:var(--c-teal-dim);color:var(--c-teal-light);border:1px solid var(--c-teal-border)}.badge-neutral{background:rgba(255,255,255,0.05);color:var(--c-text-2);border:1px solid var(--c-border)}