body { background: #f4f7f6; font-family: 'Segoe UI', sans-serif; }
.app-container { max-width: 400px; margin: 20px auto; background: white; padding: 20px; border-radius: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); text-align: center; }
input { width: 90%; padding: 12px; margin: 10px 0; border: 1px solid #ddd; border-radius: 10px; }
button { background: #007bff; color: white; border: none; padding: 12px 20px; border-radius: 10px; width: 100%; cursor: pointer; }
h1 { color: #007bff; }.slider-container {
    width: 100%;
    max-width: 400px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
}
.slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 300%; /* ৩টি ছবি থাকলে ৩০০% */
}
.slides img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}