.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%);
}

.glow-orb {
    position: absolute;
    border-radius: 9999px;
    filter: blur(12px);
    opacity: 0.55;
    pointer-events: none;
    animation: floatDrift 12s ease-in-out infinite;
}

.glow-one {
    width: 240px;
    height: 240px;
    top: 4%;
    left: 8%;
    background: rgba(14, 165, 233, 0.12);
}

.glow-two {
    width: 300px;
    height: 300px;
    right: 5%;
    bottom: 8%;
    background: rgba(16, 185, 129, 0.1);
    animation-delay: 2s;
}

.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%);
    }

@@keyframes floatDrift {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    50% {
        transform: translate3d(12px, -18px, 0) scale(1.04);
    }
}