/* Morphing Modal */
        .morph-modal {
            position: fixed;
            top: 50%;
            left: 50%;
            width: 400px;
            max-width: 90vw;
            background: white;
            border-radius: var(--radius-xl);
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
            overflow: hidden;
            opacity: 0;
            pointer-events: none;
            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: 12000;
        }

        .morph-modal.active {
            opacity: 1;
            pointer-events: auto;
        }