.card{background:var(--color-bg-medium);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-river);position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:rgba(37,99,235,.3)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--color-primary)}.card-interactive:active{transform:translateY(-2px)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid rgba(255,255,255,.1)}.card-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0}.card-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-2)}.card-body{color:var(--color-text-secondary);line-height:1.6}.card-body p:last-child{margin-bottom:0}.card-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.card-image{width:100%;height:auto;border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card:hover .card-image img{transform:scale(1.05)}.card-image-full{margin:calc(var(--space-6) * -1);margin-bottom:var(--space-6);border-radius:0;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.card-compact{padding:var(--space-4)}.card-bordered{border-width:2px}.card-elevated{box-shadow:var(--shadow-lg)}.card-flat:hover{transform:none;box-shadow:none;border-color:rgba(255,255,255,.1)}.card-gradient{background:linear-gradient(135deg,var(--color-bg-medium),var(--color-bg-light));border:1px solid rgba(37,99,235,.2)}.card-project{display:flex;flex-direction:column;height:100%}.card-project .card-body{flex:1}.card-project-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.card-project-tag{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-primary-light);background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.3);border-radius:var(--radius-full);transition:all var(--transition-fast)}.card-project:hover .card-project-tag{background:rgba(37,99,235,.2);border-color:var(--color-primary)}.card-project-metrics{display:flex;gap:var(--space-6);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}.card-project-metric{display:flex;flex-direction:column;gap:var(--space-1)}.card-project-metric-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-success)}.card-project-metric-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.card-blog{display:flex;flex-direction:column}.card-blog-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-tertiary)}.card-blog-meta-item{display:flex;align-items:center;gap:var(--space-2)}.card-blog-meta svg{width:16px;height:16px}.card-blog-excerpt{margin:var(--space-4) 0;color:var(--color-text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-blog-read-more{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-primary-light);font-weight:var(--weight-medium);margin-top:auto;transition:gap var(--transition-base)}.card-blog:hover .card-blog-read-more{gap:var(--space-3);color:var(--color-primary)}.card-timeline{position:relative;padding-left:var(--space-8);border-left:2px solid var(--color-primary);margin-left:var(--space-4)}.card-timeline::before{content:'';position:absolute;left:-9px;top:0;width:16px;height:16px;background:var(--color-primary);border:3px solid var(--color-bg-dark);border-radius:50%;box-shadow:0 0 0 2px var(--color-primary)}.card-timeline:hover::before{animation:pulse 2s ease-in-out infinite}.card-timeline-date{position:absolute;left:calc(var(--space-8) * -1);transform:translateX(-100%);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary-light);white-space:nowrap}.card-timeline-company{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-2)}.card-timeline-achievements{list-style:none;margin-top:var(--space-4)}.card-timeline-achievements li{position:relative;padding-left:var(--space-5);margin-bottom:var(--space-2);color:var(--color-text-secondary)}.card-timeline-achievements li::before{content:'•';position:absolute;left:0;color:var(--color-primary-light);font-weight:700}.card-grid{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width:768px){.card{padding:var(--space-8)}.card-grid{grid-template-columns:repeat(2,1fr)}.card-blog.is-featured{grid-column:1/-1;display:grid;grid-template-columns:300px 1fr;gap:var(--space-8)}.card-blog.is-featured .card-image{margin:0}.card-timeline-date{position:static;transform:none;margin-bottom:var(--space-2)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}.card-grid.card-grid-4{grid-template-columns:repeat(4,1fr)}}