.book-demo-shell {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at top, rgba(14, 165, 233, 0.10), transparent 18%), linear-gradient(180deg, #f8fbff 0%, #eef7ff 100%);
}

.book-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

    .book-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 24px 50px -36px rgba(15, 23, 42, 0.4);
    }

.slot-btn.active {
    background: linear-gradient(90deg, #0ea5e9, #0284c7);
    color: #fff;
    border-color: #0284c7;
    box-shadow: 0 16px 32px -18px rgba(2, 132, 199, 0.7);
}

.form-field {
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

    .form-field:focus {
        border-color: #7dd3fc;
        box-shadow: 0 0 0 4px rgba(125, 211, 252, 0.18);
        background-color: #fff;
    }

.booking-summary {
    background: linear-gradient(180deg, #f8fbff 0%, #eef7ff 100%);
}

.submit-btn {
    position: relative;
    overflow: hidden;
}

    .submit-btn::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
        transform: translateX(-100%);
        transition: transform 0.6s ease;
    }

    .submit-btn:hover::after {
        transform: translateX(100%);
    }