.card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 2px 4px var(--shadow-sm);border-radius:12px;padding:1.5rem;transition:all .2s}.card:hover{box-shadow:0 4px 12px var(--shadow-md);transform:translateY(-2px)}.card-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:600;line-height:1.3}.card-content{color:var(--text-secondary);line-height:1.6}@media (max-width:768px){.card{padding:1.25rem}.card-title{font-size:1.15rem}.card-content{font-size:.9rem}}@media (max-width:480px){.card{border-radius:10px;padding:1rem}.card-title{font-size:1.1rem}}