/* Placeholder styles for slides until real images are uploaded */
.slide[data-slide="0"] {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800"><rect width="1200" height="800" fill="%23f8fafc"/><text x="600" y="400" font-family="Arial" font-size="48" text-anchor="middle" fill="%236b7280">MINIMAL HOME DESIGN</text></svg>');
}

.slide[data-slide="1"] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800"><rect width="1200" height="800" fill="%23667eea"/><text x="600" y="400" font-family="Arial" font-size="48" text-anchor="middle" fill="white">FUTURE CITY BUILDINGS</text></svg>');
}

.slide[data-slide="2"] {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800"><rect width="1200" height="800" fill="%23f093fb"/><text x="600" y="400" font-family="Arial" font-size="48" text-anchor="middle" fill="white">HARMONY OF SHAPES</text></svg>');
}