/* Red and Orange Gradient Text & Backgrounds */
        .gradient-text {
            background: linear-gradient(135deg, #FF2A54 0%, #FF7A00 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .gradient-bg {
            background: linear-gradient(135deg, #FF2A54 0%, #FF7A00 100%);
        }

        .gradient-border {
            position: relative;
            background: linear-gradient(135deg, #FF2A54, #FF7A00);
            padding: 2px;
            border-radius: 1rem;
        }

        .gradient-border-inner {
            border-radius: calc(1rem - 2px);
        }

        /* Glassmorphism Effect */
        .glass-card {
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.3);
        }

        .dark .glass-card {
            background: rgba(30, 41, 59, 0.7);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        /* Hero Glow Animation */
        .glow-bg {
            position: absolute;
            width: 300px;
            height: 300px;
            background: radial-gradient(circle, rgba(255, 66, 84, 0.35) 0%, rgba(255, 122, 0, 0.15) 50%, rgba(0,0,0,0) 70%);
            filter: blur(40px);
            z-index: 0;
            pointer-events: none;
        }

        /* Floating effect for Avatar */
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0px); }
        }
        .animate-float {
            animation: float 4s ease-in-out infinite;
        }