@keyframes fadeInScale {
            from {
                opacity: 0;
                transform: scale(0.95);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }
        .animate-fadeInScale {
            animation: fadeInScale 0.5s ease-out forwards;
        }

        /* Keyframes for floating background shapes */
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-5px); }
            100% { transform: translateY(0px); }
        }
        @keyframes float-reverse {
            0% { transform: translateY(0px); }
            50% { transform: translateY(5px); }
            100% { transform: translateY(0px); }
        }

        /* Apply float animation to abstract shapes */
        .float-animation-1 {
            animation: float 3s ease-in-out infinite;
        }
        .float-animation-2 {
            animation: float-reverse 4s ease-in-out infinite;
        }

        /* Custom styles for button hover effects (Bootstrap's default transitions are subtle) */
        .btn-custom-hover {
            transition: all 0.3s ease-in-out;
        }
        .btn-custom-hover:hover {
            box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; /* Bootstrap's shadow-lg */
            transform: translateY(-2px);
        }
        /* Custom styles for card hover effects */
        .card-custom-hover {
            transition: all 0.3s ease-in-out;
        }
        .card-custom-hover:hover {
            transform: scale(1.01); /* Slightly increase scale on hover */
            box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; /* Deeper shadow on hover */
        }
        .session-card {
            max-width: 500px;
            width: 100%;
            border-radius: 0.5rem;
            position: relative;
            overflow: hidden;
        }
        .session-visual,
        .session-title,
        .session-message {
            position: relative;
            z-index: 1;
        }
        .session-title {
            font-size: 32px;
        }
        .session-message {
            font-size: 16px;
        }
        .session-icon {
            background: #73bf44;
            padding: 18px;
            border-radius: 77px;
        }
        .session-login {
            z-index: 1;
            font-size: 16px;
            background: #73bf44;
        }
        .logout-page-body {
    background: linear-gradient(to right top, #f0f9ff, #e0f2fe);
}