.card{background:var(--color-bg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.card--pad-md{padding:1.5rem}.card--pad-lg{padding:1.25rem}@media (width>=640px){.card--pad-lg{padding:2rem}}.card--radius-lg{border-radius:.5rem}.card--radius-xl{border-radius:.75rem}.card--radius-2xl{border-radius:1rem}.card--hover-shadow{transition:box-shadow .3s}@media (hover:hover){.card--hover-shadow:hover{box-shadow:var(--shadow-md)}}.card--hover-lift{transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.card--hover-lift:hover{transform:translateY(-4px);box-shadow:0 20px 48px #0f172a17,0 8px 20px #0f172a0d}}@media (prefers-reduced-motion:reduce){.card--hover-lift:hover{transform:none}}.card--dark{background:var(--gray-900);border-color:var(--gray-800);color:var(--gray-200)}