.advanced-demo article {
    padding: 15px;
    margin: 10px 0;
    border-radius: 8px;
    transition: all 0.3s ease;
}
.advanced-demo article:nth-of-type(odd):hover {
    background-color: #e1f5fe;
    transform: translateX(10px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.advanced-demo article:nth-of-type(even):hover {
    background-color: #fce4ec;
    transform: translateX(-10px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.advanced-demo article:first-of-type {
    border-top: 4px solid #2196f3;
}
.advanced-demo article:last-of-type {
    border-bottom: 4px solid #f44336;
}