/* CC-02b Wave 2 - extracted from FRONTEND/05_communication/message-composer-modal.html */
/* Custom Animations */

        @keyframes gradient {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        /* Gradient Text */
        .gradient-text {
            background: linear-gradient(135deg, #ff6b9d, #c084fc, #60a5fa);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            background-size: 200% 200%;
            animation: gradient 4s ease infinite;
        }

        /* Astro Gradient */
        .gradient-astro {
            background: linear-gradient(135deg, #FFD700, #FFA500, #B87333);
        }

        /* Hero Background */
        .hero-gradient {
            background: linear-gradient(135deg,
                rgba(15, 23, 42, 0.95) 0%,
                rgba(88, 28, 135, 0.8) 50%,
                rgba(15, 23, 42, 0.95) 100%);
        }

        /* Glass Card Effect */
        .glass-card {
            background: rgba(30, 41, 59, 0.8);
            backdrop-filter: blur(1rem);
            border: 0.0625rem solid rgba(255, 255, 255, 0.1);
        }

        /* Modal Styles */

        /* Custom Scrollbar */

        /* Floating Elements */
        .floating-element {
            animation: float 6s ease-in-out infinite;
        }

        .floating-element:nth-child(2) { animation-delay: -2s; }
        .floating-element:nth-child(3) { animation-delay: -4s; }

        /* Heartbeat Animation */
        .heartbeat { animation: heartbeat 1.5s ease-in-out infinite; }

        /* Feature Card Hover */

        /* Button Shine Effect */
        .btn-shine {
            position: relative;
            overflow: hidden;
        }

        .btn-shine::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: left 0.5s ease;
        }

        .btn-shine:hover::before { left: 100%; }